paritybit.ca

commit 1557b7fb3f1c1a02bb0c284f07bd5997a2a1cd26
parent 4df40b3e0589969b5cdcb56492d59ba0c3bf2db1
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Sat, 25 Jan 2020 22:02:44 -0500

Tweaks and changes to css, change link colours in dark mode

Diffstat:
M
style/main.css
 | 
50
+++++++++++++++++++++++++++++---------------------

1 file changed, 29 insertions(+), 21 deletions(-)
diff --git a/style/main.css b/style/main.css
@@ -4,8 +4,8 @@
     --bg-alt:               #424242;
     --fg-alt:               #eaeaea;
     --unvis-link:           #4e8dc5;
-    --vis-link:             #9a828b;
-    --hov-link:             #917ebf;
+    --vis-link:             #917ebf; /*#9a828b;*/
+    --hov-link:             #bb7777;
     --kbd-bg:               #b4b4b4;
     --kbd-fg:               #333333;
     --danger-bg:            #880000;
@@ -54,6 +54,14 @@ nav > a {
     text-decoration: none;
 }
 
+nav > a:hover {
+    text-decoration: underline;
+}
+
+nav > a:visited {
+    color: var(--unvis-link);
+}
+
 a {
     background-color: transparent;
     color: var(--unvis-link);
@@ -64,7 +72,7 @@ a:visited {
 }
 
 a:hover {
-    text-decoration: underline;
+    text-decoration: none;
     color: var(--hov-link);
 }
 
@@ -73,6 +81,10 @@ li a, .feed-item {
     font-weight: bold;
 }
 
+li a:hover, .feed-item:hover {
+    text-decoration: underline;
+}
+
 pre {
     background-color: var(--bg-alt);
     font-family: "DejaVu Sans Mono", monospace;
@@ -199,11 +211,6 @@ img {
     font-size: 1.1em;
 }
 
-#header a, #header a:visited {
-    color: var(--fg);
-    text-decoration: none;
-}
-
 #table-of-contents {
     float: right;
     margin: 0 0 1em 1em;
@@ -241,6 +248,7 @@ img {
 
     nav > a {
         line-height: 1.5em;
+        font-size: 1.2em;
     }
 
     .inline-notice, .inline-warning, .inline-danger {
@@ -262,6 +270,10 @@ img {
 }
 
 @media all and (prefers-color-scheme: light) {
+    nav > a:visited {
+        color: var(--unvis-link-light);
+    }
+
     body {
         background-color: var(--bg-light);
         color: var(--fg-light);
@@ -281,17 +293,17 @@ img {
         color: var(--fg-alt-light);
     }
 
-.inline-notice {
-    background-color: var(--notice-bg-light);
-}
+    .inline-notice {
+        background-color: var(--notice-bg-light);
+    }
 
-.inline-warning {
-    background-color: var(--warning-bg-light);
-}
+    .inline-warning {
+        background-color: var(--warning-bg-light);
+    }
 
-.inline-danger {
-    background-color: var(--danger-bg-light);
-}
+    .inline-danger {
+        background-color: var(--danger-bg-light);
+    }
 
     a {
         color: var(--unvis-link-light);
@@ -305,10 +317,6 @@ img {
         color: var(--hov-link-light);
     }
 
-    #header a, #header a:visited {
-        color: var(--fg-alt-light);
-    }
-
     #table-of-contents {
         background-color: var(--bg-alt-light);
         border: 3px var(--border-light) solid;