blog/_includes/colors.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 }};
	}
}