start building dashboard

templates/themes.css.mustache

@@ -0,0 +1,78 @@
+
+:root {
+	color-scheme: light dark;
+}
+
+
+
+{{! ===== Default Themes ===== }}
+
+body {
+	{{> default_light }}
+}
+
+body[data-color-scheme='dark'] {
+	{{> default_dark }}
+}
+
+@media (prefers-color-scheme: dark) {
+	body {
+		{{> default_dark }}
+	}
+
+	body[data-color-scheme='light'] {
+		{{> default_light }}
+	}
+}
+
+
+
+{{! ===== High Contrast Themes ===== }}
+
+{{# more_contrast }}
+@media (prefers-contrast: more) {
+	body {
+		{{> more_contrast_light }}
+	}
+
+	body[data-color-scheme='dark'] {
+		{{> more_contrast_dark }}
+	}
+
+	@media (prefers-color-scheme: dark) {
+		body {
+			{{> more_contrast_dark }}
+		}
+
+		body[data-color-scheme='light'] {
+			{{> more_contrast_light }}
+		}
+	}
+}
+{{/ more_contrast }}
+
+
+
+{{! ===== Low Contrast Themes ===== }}
+
+{{# less_contrast }}
+@media (prefers-contrast: less) {
+	body {
+		{{> less_contrast_light }}
+	}
+
+	body[data-color-scheme='dark'] {
+		{{> less_contrast_dark }}
+	}
+
+	@media (prefers-color-scheme: dark) {
+		body {
+			{{> less_contrast_dark }}
+		}
+
+		body[data-color-scheme='light'] {
+			{{> less_contrast_light }}
+		}
+	}
+}
+{{/ less_contrast }}