Small fixes to css variables

LouisDISPA · LouisDISPA · commit be58b7aaa4c2 · 2025-02-27T22:58:57.000+01:00
diff --git a/static/style.css b/static/style.css
@@ -1,22 +1,23 @@
 :root {
   /* Light theme colors (default) */
+
+  --accent-color: #c04828;
+
   --dark-fg-color: #fff;
   --light-fg-color: #141414;
   --light-bg-color: var(--dark-fg-color);
   --dark-bg-color: var(--light-fg-color);
   --fg-color: var(--light-fg-color);
   --bg-color: var(--light-bg-color);
-  --light-link-color: #c04828;
-  --dark-link-color: #c04828;
-  --link-color: var(--light-link-color);
+  --link-color: var(--accent-color);
   --light-highlight-bg-color: #ededed;
   --light-highlight-fg-color: #595959;
   --dark-highlight-bg-color: #27272a;
   --dark-highlight-fg-color: #ededed;
   --highlight-fg-color: var(--light-highlight-fg-color);
   --highlight-bg-color: var(--light-highlight-bg-color);
-  --link-text-color: #c04828;
-  --border-color: #ddd;
+  --link-text-color: var(--accent-color);
+  --header-border-color: #ddd;
   --post-bg-color: #e5e5e5;
   --font-face: "Fira Sans", sans-serif;
 
@@ -28,17 +29,15 @@
   :root {
     --fg-color: #e1e1e1;
     --bg-color: #222222;
-    --light-link-color: #ff7b5c;
-    --dark-link-color: #ff6b47;
-    --link-color: var(--light-link-color);
+    --link-color: var(--accent-color);
     --light-highlight-bg-color: #2d2d2d;
     --light-highlight-fg-color: #ffffff;
     --dark-highlight-bg-color: #27272a;
     --dark-highlight-fg-color: #ededed;
     --highlight-fg-color: var(--light-highlight-fg-color);
     --highlight-bg-color: var(--light-highlight-bg-color);
-    --link-text-color: var(--fg-color);
-    --border-color: #404040;
+    --link-text-color: var(--accent-color);
+    --header-border-color: #404040;
     --post-bg-color: #2d2d2d;
   }
 }
@@ -120,7 +119,7 @@ header {
   justify-items: center;
   padding: 0.5rem 2rem;
   width: 100%;
-  border-bottom: 1px solid var(--border-color);
+  border-bottom: 1px solid var(--header-border-color);
   font-size: 1.2rem;
 }
 
@@ -179,7 +178,7 @@ header .icon {
   #mobile-open-navigation button div {
     margin: 0.5em 0;
     width: 2em;
-    border-bottom: 0.25em solid black;
+    border-bottom: 0.25em solid var(--fg-color);
   }
 
   header {
