1 files changed, 32 insertions(+), 11 deletions(-)

M static/base.css

@@ 1,21 1,42 @@
 /* VARIABLES */
 :root {
-	--color-purple: #b16286;
+	--color-purple: #8f3f71;
 	--color-white: #ebdbb2;
-	--color-blue: #458588;
-	--color-yellow: #d79921;
+	--color-black: #282828;
+	--color-blue: #076678;
+	--color-yellow: #b57614;
 
-	--color-bg: #1d2021;
-	--color-box: #282828;
+	--color-bg: #f9f5d7;
+	--color-box: #fbf1c7;
 	--color-base: #222424;
-	--color-box-light: #3c3836;
-	--color-text: #bdae93;
-	--color-text-dark: #504945;
-	--color-text-dark2: #32302f;
-	--color-headline: var(--color-white);
+	--color-box-light: #ebdbb2;
+	--color-text: #665c54;
+	--color-text-dark: #7c6f64;
+	--color-text-dark2: #928374;
+	--color-headline: var(--color-black);
 	--color-link: var(--color-purple);
-	--color-link-hv: #d3869b;
+	--color-link-hv: #b16286;
+}
+@media (prefers-color-scheme: dark) {
+	:root {
+		--color-purple: #b16286;
+		--color-white: #ebdbb2;
+		--color-blue: #458588;
+		--color-yellow: #d79921;
+
+		--color-bg: #1d2021;
+		--color-box: #282828;
+		--color-base: #222424;
+		--color-box-light: #3c3836;
+		--color-text: #bdae93;
+		--color-text-dark: #504945;
+		--color-text-dark2: #32302f;
+		--color-headline: var(--color-white);
+		--color-link: var(--color-purple);
+		--color-link-hv: #d3869b;
+	}
 }
+
 /* CUSTOM FONT */
 @font-face {
 	font-family: "Bitstream Vera";