Restyle links

MeFoDy · Jan 27, 2024 · 110bf5c · 110bf5c
1 parent f9e0465
commit 110bf5c
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 7 deletions.
diff --git a/src/styles/blocks/article.css b/src/styles/blocks/article.css
@@ -45,11 +45,15 @@
 }
 
 .article a {
-    color: var(--color-subtext);
+    color: var(--color-link);
     text-decoration-color: var(--color-accent);
     text-decoration-thickness: 2px;
 }
 
+.article a:visited {
+    color: var(--color-link-visited);
+}
+
 .article a:hover {
     background: var(--color-accent-alpha);
 }
@@ -203,7 +207,8 @@
     content: '';
 }
 
-.article__nav-button[class] {
+.article__nav-button[class],
+.article__nav-button[class]:visited {
     position: relative;
     display: block;
     padding: var(--line-space);

diff --git a/src/styles/blocks/footer.css b/src/styles/blocks/footer.css
@@ -5,11 +5,15 @@
 }
 
 .footer a {
-    color: var(--color-subtext);
+    color: var(--color-link);
     text-decoration-color: var(--color-accent);
     text-decoration-thickness: 2px;
 }
 
+.footer a:visited {
+    color: var(--color-link-visited);
+}
+
 .footer a:hover {
     background: var(--color-accent-alpha);
 }

diff --git a/src/styles/dark.css b/src/styles/dark.css
@@ -6,7 +6,10 @@
     --color-text: var(--color-white);
     --color-outline: var(--color-red);
     --color-subtext: var(--color-lightgrey);
-    --color-accent-base: 136, 0, 136;
+    --color-accent: #880088;
+    --color-accent-alpha: rgb(136 0 136 / 0.3);
+    --color-link: #ffaaff;
+    --color-link-visited: #aaaaff;
     --color-code: var(--color-lightgrey);
     --color-delimeter: var(--color-darkgrey);
 

diff --git a/src/styles/styles.css b/src/styles/styles.css
@@ -21,7 +21,10 @@
     --color-lightgrey: #bebbbb;
     --color-darkgrey: #514f4f;
     --color-red: #ff4d00;
-    --color-accent-base: 255, 204, 0;
+    --color-accent: #ffcc00;
+    --color-accent-alpha: rgb(255 204 0 / 0.3);
+    --color-link: #665500;
+    --color-link-visited: #000000;
 
     --line-height: 1.42;
     --font-size: 20px;
@@ -41,8 +44,6 @@
     --color-text: var(--color-black);
     --color-subtext: var(--color-grey);
     --color-outline: var(--color-red);
-    --color-accent: rgb(var(--color-accent-base));
-    --color-accent-alpha: rgba(var(--color-accent-base), 0.3);
     --color-code: var(--color-darkgrey);
     --color-delimeter: var(--color-lightgrey);