@@ -1,14 +1,14 @@
 :root {
-  --white: #fff;
-  --light: #f4f4f4;
-  --light-gray: #eee;
-  --medium-gray: #ddd;
+  --diff-header-color: #f4f4f4;
+  --panel-background-color: #eee;
+  --border-color: #ddd;
   --gray: #6a6a6a;
-  --dark: #444;
-  --darker: #222;
+  --code-color: #444;
+  --link-color: #222;
 
-  --sans-font: -apple-system, BlinkMacSystemFont, "Inter", "Roboto", "Segoe UI",
-    sans-serif;
+  --font-main: Verdana, sans-serif;
+  --font-secondary: Verdana, sans-serif;
+
   --mono-font: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono",
     "Roboto Mono", Menlo, Consolas, monospace;
 }
@@ -16,19 +16,19 @@
 @media (prefers-color-scheme: dark) {
   :root {
     color-scheme: dark light;
-    --light: #181818;
-    --light-gray: #333;
-    --medium-gray: #444;
+    --background-color: #01242e;
+    --diff-header-color: #181818;
+    --panel-background-color: #222;
+    --border-color: #444;
     --gray: #aaa;
-    --dark: #ddd;
-    --darker: #f4f4f4;
-    --white: #000;
+    --code-color: #ddd;
+    --link-color: #f4f4f4;
   }
 }
 
 html {
-  background: var(--white);
-  font-family: var(--sans-font);
+  background: var(--background-color);
+  font-family: var(--font-main);
 }
 
 pre {
@@ -36,7 +36,7 @@ font-family: var(--mono-font);
 }
 
 ::selection {
-  background: var(--medium-gray);
+  background: var(--border-color);
   opacity: 0.3;
 }
 
@@ -100,8 +100,8 @@ padding: 0;
   box-sizing: border-box;
   text-decoration: none;
   word-wrap: break-word;
-  color: var(--darker);
-  text-decoration: underline solid var(--medium-gray);
+  color: var(--link-color);
+  text-decoration: underline solid var(--border-color);
 }
 
 a:hover {
@@ -136,7 +136,7 @@ padding-top: 2rem;
 }
 
 .clone-url pre {
-  color: var(--dark);
+  color: var(--code-color);
   white-space: pre-wrap;
 }
 
@@ -161,7 +161,7 @@ grid-row-gap: 0.4em;
   grid-column-gap: 1rem;
   margin-bottom: 2em;
   padding-bottom: 1em;
-  border-bottom: 0.1rem solid var(--medium-gray);
+  border-bottom: 0.1rem solid var(--border-color);
 }
 
 .commit-message {
@@ -184,12 +184,11 @@ overflow-x: auto;
 }
 
 .readme {
-  background: var(--light-gray);
+  background: var(--panel-background-color);
   padding: 0.5rem;
 }
 
-.readme * {
-  margin: revert;
+.readme ul {
   padding: revert;
 }
 
@@ -200,7 +199,7 @@
 .diff {
   margin: 1rem 0 1rem 0;
   padding: 1rem 0 1rem 0;
-  border-bottom: 0.1rem solid var(--medium-gray);
+  border-bottom: 0.1rem solid var(--border-color);
 }
 
 .diff pre {
@@ -219,8 +218,8 @@
 .commit-reference {
   margin-left: 1em;
   padding: 0.1rem 0.6rem;
-  background: var(--light-gray);
-  text-decoration-color: var(--light-gray);
+  background: var(--panel-background-color);
+  text-decoration-color: var(--panel-background-color);
 }
 
 .commit {
@@ -253,11 +252,11 @@ color: var(--gray);
 }
 
 .diff-hunk-header {
-  background-color: var(--light);
+  background-color: var(--diff-header-color);
 }
 
 .ref {
-  font-family: var(--sans-font);
+  font-family: var(--font-main);
   font-size: 1rem;
   color: var(--gray);
   padding-top: 0.7em;
@@ -295,7 +294,7 @@ flex-direction: row;
   grid-template-columns: 1rem minmax(0, 1fr);
   gap: 1rem;
   padding: 0.5rem;
-  background: var(--light-gray);
+  background: var(--panel-background-color);
   overflow-x: auto;
 }
 
@@ -307,7 +306,7 @@ overflow-x: auto;
 }
 
 .file-content {
-  background: var(--light-gray);
+  background: var(--panel-background-color);
   overflow-y: hidden;
   overflow-x: auto;
 }