Dark Mode

Here you will find that the color scheme has slightly shifted based on a class added to the body. This can also be controlled by a users prefered color scheme.

.dark {
	--background: var(--eerie-black);
	--on-background: var(--mint-cream);
	--branding: var(--celtic-blue);
	--on-branding: var(--mint-cream);
	--secondary: var(--eerie-black);
	--on-secondary: var(--mint-cream);
}

Just like that, we changed the theme to dark mode!

You can also just make it automatic with the mediaquery below, however you have to declare the colors inside of the `:root` block.

@media (prefers-color-scheme: dark) {
	:root {
		--background: var(--eerie-black);
		--on-background: var(--mint-cream);
		--branding: var(--celtic-blue);
		--on-branding: var(--mint-cream);
		--secondary: var(--eerie-black);
		--on-secondary: var(--mint-cream);
	}
}