Update index.css

css/index.css

@@ -6,7 +6,6 @@
   --navy: #17050F;
   --blue: #082840;
   --white: #fff;
-  --black: #000000;
 }
 
 /* Global stylesheet */
@@ -19,19 +18,8 @@ body {
   padding: 0;
   margin: 0;
   font-family: -apple-system, system-ui, sans-serif;
-  /*color: var(--darkgray);
-  background-color: var(--white);*/
-  color: #eee;
-  background-color: #121212;
-  /* Dark theme */
-  @media (prefers-color-scheme: dark) {
-    body { background-color: #121212; color: #eee; }
-    }
-/* Light theme */
-    @media (prefers-color-scheme: light),
-    (prefers-color-scheme: no-preference) {
-    body { background-color: #eee; color: #121212; }
-    }
+  color: var(--darkgray);
+  background-color: var(--white);
 }
 p:last-child {
   margin-bottom: 0;
@@ -46,14 +34,11 @@ p,
   line-height: 1.45;
 }
 a[href] {
-  /*color: var(--blue);*/
-  color: #809fff;
+  color: var(--blue);
 }
 a[href]:visited {
-  /*(color: var(--navy);*/
-  color: #809fff;
+  color: var(--navy);
 }
-
 main {
   padding: 1rem;
 }
@@ -61,7 +46,7 @@ main :first-child {
   margin-top: 0;
 }
 header {
-  border-bottom: 1px dashed #121212;
+  border-bottom: 1px dashed var(--lightgray);
 }
 header:after {
   content: "";
@@ -80,7 +65,6 @@ pre,
 code {
   font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
   line-height: 1.5;
-  background-color: #333;
 }
 pre {
   font-size: 14px;
@@ -99,8 +83,7 @@ pre {
   hyphens: none;
   padding: 1em;
   margin: .5em 0;
-  /*background-color: #f6f6f6;*/
-  background-color: #333;
+  background-color: #f6f6f6;
 }
 code {
   word-break: break-all;
@@ -184,12 +167,11 @@ code {
   content: "" counter(start-from, decimal-leading-zero) ". ";
   line-height: 100%;
   text-align: right;
-  color: #d5cece;
 }
 .postlist-date,
 .postlist-item:before {
   font-size: 0.8125em; /* 13px /16 */
-  color: color: #d5cece;
+  color: var(--darkgray);
 }
 .postlist-date {
   word-spacing: -0.5px;
@@ -250,7 +232,7 @@ a[href].post-tag:focus {
 
 /* Direct Links / Markdown Headers */
 .direct-link {
-  font-family: sans-serif;
+  font-family: sans-serif;  
   text-decoration: none;
   font-style: normal;
   margin-left: .1em;