From 5a2994cff17af146368ddd6157f814516de2cbc5 Mon Sep 17 00:00:00 2001
From: MDLeom <2809763-curben@users.noreply.gitlab.com>
Date: Sun, 6 Dec 2020 11:42:39 +0000
Subject: [PATCH] fix(css): consistent <a> color

- inspired by wikipedia
---
 themes/chameleon/source/css/_source.css   | 42 +++++++++--------------
 themes/chameleon/source/css/chameleon.css | 39 +++++++++------------
 2 files changed, 32 insertions(+), 49 deletions(-)

diff --git a/themes/chameleon/source/css/_source.css b/themes/chameleon/source/css/_source.css
index 055ecc3..88ea73a 100644
--- a/themes/chameleon/source/css/_source.css
+++ b/themes/chameleon/source/css/_source.css
@@ -5,9 +5,8 @@
 :root {
   --main-bg-color: black;
   --main-font-color: #e6e6e6;
-  --link-hover: white;
   --alt-bg-color: #333;
-  --link-underline: #3d73b0;
+  --link-underline: #3f72af;
 }
 
 html {
@@ -75,21 +74,25 @@ h4 {
 }
 
 a {
-  color: inherit;
+  background: none;
+  color: var(--link-underline);
   cursor: pointer;
-}
-
-a:active,
-a:hover {
-  outline-width: 0;
-  color: var(--link-hover);
-}
-
-a,
-a:hover {
   text-decoration: none;
 }
 
+a:hover,
+a:focus {
+  text-decoration: underline;
+}
+
+a:visited {
+  color: #0b0080;
+}
+
+a:active {
+  color: #faa700;
+}
+
 button,
 input,
 select,
@@ -367,16 +370,6 @@ span.index-list-count:after {
   word-break: break-word;
 }
 
-.article .article-entry a,
-.article a.main-nav-link:hover,
-.copyright a:hover {
-  border-bottom: 1px solid var(--link-underline);
-}
-
-.article .article-entry a:hover {
-  border-bottom: none;
-}
-
 .article .article-entry img {
   display: block;
   margin: auto;
@@ -751,7 +744,6 @@ unhide (via JS) if Web Share API is supported */
 /* don't underline permalink and share icons */
 .article .article-entry a.headerlink,
 .article-title a#share-button {
-  border-bottom: none;
   margin-left: 0.5em;
 }
 
@@ -835,7 +827,6 @@ unhide (via JS) if Web Share API is supported */
   :root {
     --main-bg-color: black;
     --main-font-color: #e6e6e6;
-    --link-hover: white;
     --alt-bg-color: #333;
   }
 }
@@ -844,7 +835,6 @@ unhide (via JS) if Web Share API is supported */
   :root {
     --main-bg-color: #f1f1f1;
     --main-font-color: #333;
-    --link-hover: black;
     --alt-bg-color: #d8d8d8;
   }
 
diff --git a/themes/chameleon/source/css/chameleon.css b/themes/chameleon/source/css/chameleon.css
index 6965e9c..dd83727 100644
--- a/themes/chameleon/source/css/chameleon.css
+++ b/themes/chameleon/source/css/chameleon.css
@@ -474,7 +474,7 @@ select:not([multiple]):not([size]) {
   --main-font-color: #e6e6e6;
   --link-hover: white;
   --alt-bg-color: #333;
-  --link-underline: #3d73b0;
+  --link-underline: #3f72af;
 }
 
 html {
@@ -542,21 +542,25 @@ h4 {
 }
 
 a {
-  color: inherit;
+  background: none;
+  color: var(--link-underline);
   cursor: pointer;
-}
-
-a:active,
-a:hover {
-  outline-width: 0;
-  color: var(--link-hover);
-}
-
-a,
-a:hover {
   text-decoration: none;
 }
 
+a:hover,
+a:focus {
+  text-decoration: underline;
+}
+
+a:active {
+  color: #faa700;
+}
+
+a:visited {
+  color: #0b0080;
+}
+
 button,
 input,
 select,
@@ -838,16 +842,6 @@ span.index-list-count:after {
   word-break: break-word;
 }
 
-.article .article-entry a,
-.article a.main-nav-link:hover,
-.copyright a:hover {
-  border-bottom: 1px solid var(--link-underline);
-}
-
-.article .article-entry a:hover {
-  border-bottom: none;
-}
-
 .article .article-entry img {
   display: block;
   margin: auto;
@@ -1222,7 +1216,6 @@ unhide (via JS) if Web Share API is supported */
 /* don't underline permalink and share icons */
 .article .article-entry a.headerlink,
 .article-title a#share-button {
-  border-bottom: none;
   margin-left: 0.5em;
 }