use gruvbox colors by default

base.css

@@ -1,8 +1,13 @@
+@import url("https://styles.alv.cx/modules/colors/gruvbox.css");
+
 :root {
-	--fg: #454545;
+	--light: var(--gruvbox-fg);
-	--bg: #fefefe;
+	--dark: var(--gruvbox-bg);
-	--a: #07a;
+
-	--a-visited: #941352;
+	--fg: var(--dark);
+	--bg: var(--light);
+	--a: var(--gruvbox-blue);
+	--a-visited: var(--gruvbox-purple);
 }
 
 body {

modules/colors/gruvbox.css

@@ -16,4 +16,20 @@
 	--gruvbox-blue-light:   #83a598;
 	--gruvbox-purple-light: #d3869b;
 	--gruvbox-aqua-light:   #8ec07c;
+
+	--gruvbox-bg:    #282828; /* default background */
+	--gruvbox-bg0_h: #1d2021; /* hard background */
+	--gruvbox-bg0_s: #32302f; /* soft background */
+	--gruvbox-bg0:   #282828; /* same as bg */
+	--gruvbox-bg1:   #3c3836;
+	--gruvbox-bg2:   #504945;
+	--gruvbox-bg3:   #665c54;
+	--gruvbox-bg4:   #7c6f64;
+	--gruvbox-fg:    #ebdbb2;
+	--gruvbox-fg0:   #fbf1c7;
+	--gruvbox-fg1:   #ebdbb2;
+	--gruvbox-fg2:   #d5c4a1;
+	--gruvbox-fg3:   #bdae93;
+	--gruvbox-fg4:   #a89984;
+	--gruvbox-gray:  #928374;
 }

modules/darkmode.css

@@ -1,9 +1,7 @@
 @media (prefers-color-scheme: dark) {
 	:root {
-		--fg: #ccc;
+		--fg: var(--light);
-		--bg: #111;
+		--bg: var(--dark);
-		--a: #07a;
-		--a-visited: #aa346d;
 	}
 	img, video {
 		opacity: .75;