68 lines
2 KiB
CSS
68 lines
2 KiB
CSS
/* colors based from colors.js */
|
|
:root {
|
|
|
|
--color-black: {{ colors.light.hex.black }};
|
|
--color-black-bright: {{ colors.light.hex.brightBlack }};
|
|
|
|
--color-red: {{ colors.light.hex.red }};
|
|
--color-red-bright: {{ colors.light.hex.brightRed }};
|
|
|
|
--color-green: {{ colors.light.hex.green }};
|
|
--color-green-bright: {{ colors.light.hex.brightGreen }};
|
|
|
|
--color-yellow: {{ colors.light.hex.yellow }};
|
|
--color-yellow-bright: {{ colors.light.hex.brightYellow }};
|
|
|
|
--color-blue: {{ colors.light.hex.blue }};
|
|
--color-blue-bright: {{ colors.light.hex.brightBlue }};
|
|
|
|
--color-magenta: {{ colors.light.hex.magenta }};
|
|
--color-magenta-bright: {{ colors.light.hex.brightMagenta }};
|
|
|
|
--color-cyan: {{ colors.light.hex.cyan }};
|
|
--color-cyan-bright: {{ colors.light.hex.brightCyan }};
|
|
|
|
--color-white: {{ colors.light.hex.white }};
|
|
--color-white-bright: {{ colors.light.hex.brightWhite }};
|
|
|
|
|
|
--color-bg: {{ colors.light.hex.background }};
|
|
--color-fg: {{ colors.light.hex.foreground }};
|
|
--color-cursor: {{ colors.light.hex.cursor }};
|
|
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
|
|
--color-black: {{ colors.dark.hex.black }};
|
|
--color-black-bright: {{ colors.dark.hex.brightBlack }};
|
|
|
|
--color-red: {{ colors.dark.hex.red }};
|
|
--color-red-bright: {{ colors.dark.hex.brightRed }};
|
|
|
|
--color-green: {{ colors.dark.hex.green }};
|
|
--color-green-bright: {{ colors.dark.hex.brightGreen }};
|
|
|
|
--color-yellow: {{ colors.dark.hex.yellow }};
|
|
--color-yellow-bright: {{ colors.dark.hex.brightYellow }};
|
|
|
|
--color-blue: {{ colors.dark.hex.blue }};
|
|
--color-blue-bright: {{ colors.dark.hex.brightBlue }};
|
|
|
|
--color-magenta: {{ colors.dark.hex.magenta }};
|
|
--color-magenta-bright: {{ colors.dark.hex.brightMagenta }};
|
|
|
|
--color-cyan: {{ colors.dark.hex.cyan }};
|
|
--color-cyan-bright: {{ colors.dark.hex.brightCyan }};
|
|
|
|
--color-white: {{ colors.dark.hex.white }};
|
|
--color-white-bright: {{ colors.dark.hex.brightWhite }};
|
|
|
|
|
|
--color-bg: {{ colors.dark.hex.background }};
|
|
--color-fg: {{ colors.dark.hex.foreground }};
|
|
--color-cursor: {{ colors.dark.hex.cursor }};
|
|
}
|
|
}
|