ctucx.git: stagit

style.css: update color-scheme

diff --git a/style.css b/style.css
@@ -10,6 +10,9 @@
 		--pre-background:               #ddd;
 		--pre-color:                    #212529;
 		--link-color:                   black;
+		--nav-active-background:        #ccc;
+		--nav-active-color:             #777;
+		--nav-color:                    #777;
 		--log-hover-background:         #ddd;
 		--insertion-color:              #080;
 		--deletion-color:               #800;

@@ -19,15 +22,18 @@
 @media screen and (prefers-color-scheme: dark) {
 	:root {
 		color-scheme:                   dark;
-		--body-background:              #212529;
-		--body-color:                   #f8f9fa;
-		--header-color:                 white;
-		--event-background:             #131618;
+		--body-background:              #222;
+		--body-color:                   #9e9e9e;
+		--header-color:                 #9e9e9e;
+		--event-background:             #2b2b2b;
 		--event-pre-color:              #f8f9fa;
-		--breadcrumb-background:        #5A6066;
-		--pre-background:               #2c3237;
+		--breadcrumb-background:        #2b2b2b;
+		--pre-background:               #333;
 		--pre-color:                    #fff;
-		--link-color:                   white;
+		--link-color:                   #87ab63;
+		--nav-active-background:        #87ab63;
+		--nav-active-color:             #222;
+		--nav-color:                    #9e9e9e;
 		--log-hover-background:         #2a2d2f;
 		--insertion-color:              #080;
 		--deletion-color:               #D80407;

@@ -47,7 +53,7 @@
 body {
 	margin: 0 auto;
 	max-width: 960px;
-	background: var(--body-background-color);
+	background: var(--body-background);
 	color: var(--body-color);
 }
 

@@ -87,15 +93,15 @@ nav {
 }
 
 nav a {
-	color: #777;
+	color: var(--nav-color);
 	text-decoration: none;
 	padding: 2px 0.75em;
 	font-size: 110%;
 }
 
 nav a.active {
-	color: #000;
-	background-color: #ccc;
+	color: var(--nav-active-color);
+	background: var(--nav-active-background);
 }
 
 main {