update `public_html` static files

public_html/css/style.css

@@ -8,12 +8,22 @@
   --col-w: clamp(33.333vw, 80ch, 80vw);
 
   /* colors */
-  --fg-c: #000000;
-  --bg-c: #e2e2e2;
-	--link-c: #856cff;
-	--visited-c: #ff1170;
-	--active-c: #fa3500;
-  --mark-c: #d06600;
+  --black: #000000;
+  --red: #fa3500;
+  --green: #009843;
+  --orange: #d06600;
+  --blue: #856cff;
+  --magenta: #ff1170;
+  --cyan: #008cca;
+  --white: #e2e2e2;
+  --bright-black: #848484;
+  --bright-red: #ff888e;
+  --bright-green: #00c55b;
+  --bright-orange: #ff8d48;
+  --bright-blue: #ac9fff;
+  --bright-magenta: #ffb1c0;
+  --bright-cyan: #92ccff;
+  --bright-white: #ffffff;
 }
 
 @media (max-aspect-ratio: 1/1) {
@@ -22,15 +32,6 @@
   }
 }
 
-/*
-@media (prefers-color-scheme: dark) {
-  :root {
-    --fg-c: #e2e2e2;
-    --bg-c: #000000;
-  }
-}
-*/
-
 /* reset */
 
 * {
@@ -38,22 +39,22 @@
   margin: unset;
   hyphens: auto;
   scrollbar-width: thin;
-  scrollbar-color: var(--link-c) rgba(0,0,0,0);
-}
-
-::selection {
-  color: var(--bg-c);
-  background-color: var(--fg-c);
+  scrollbar-color: var(--blue) rgba(0,0,0,0);
 }
 
 /* root */
 
 :root {
-	color: var(--fg-c);
-	background-color: var(--bg-c);
+	color: var(--white);
+	background-color: var(--black);
   font: var(--font-size)/var(--line-height) var(--font-family);
 }
 
+::selection {
+  color: var(--black);
+  background-color: var(--white);
+}
+
 body {
   margin: 0;
 }
@@ -150,23 +151,23 @@ a {
 }
 
 a:link {
-  color: var(--link-c);
+  color: var(--blue);
 }
 
 a:link:active {
-  color: var(--active-c);
+  color: var(--red);
 }
 
 a:visited {
-  color: var(--visited-c);
+  color: var(--magenta);
 }
 
 a:visited:active {
-  color: var(--active-c);
+  color: var(--red);
 }
 
 code {
-  color: var(--mark-c);
+  color: var(--orange);
 }
 
 sup {
@@ -224,12 +225,6 @@ article.post>nav {
   margin-block: 1rlh;
 }
 
-/* article.post .abstract */
-
-article.post .abstract {
-  color: var(--link-c);
-}
-
 /* article#sitemap */
 article#sitemap pre {
   margin-inline: unset;
@@ -238,7 +233,7 @@ article#sitemap pre {
 /* div.fauxnote */
 
 div.fauxnote {
-  color: var(--link-c);
+  color: var(--bright-black);
 }
 
 
@@ -266,5 +261,5 @@ div.horizontal>* {
 /* .footnotes */
 
 .footnotes {
-  color: var(--link-c);
+  color: var(--bright-black);
 }