From 1ceb421f09f8a5fbd639382a4e4dbccd4584744e Mon Sep 17 00:00:00 2001
From: Jieiku
Date: Wed, 20 Sep 2023 01:27:18 -0700
Subject: Visited Links Customizeable

---
 COPY-TO-ROOT-SASS/abridge.scss |  2 ++
 sass/_colors.scss              | 26 +++++++++++++++++---------
 sass/abridge.scss              | 16 +++++++++++-----
 templates/archive.html         |  2 +-
 templates/index.html           |  2 +-
 5 files changed, 32 insertions(+), 16 deletions(-)

diff --git a/COPY-TO-ROOT-SASS/abridge.scss b/COPY-TO-ROOT-SASS/abridge.scss
index 5b64dd1..b3cb77d 100644
--- a/COPY-TO-ROOT-SASS/abridge.scss
+++ b/COPY-TO-ROOT-SASS/abridge.scss
@@ -81,6 +81,7 @@
   //$a1d: #f90,// link color
   //$a2d: #fb0,// link hover/focus color
   //$a3d: #f90,// link h1-h2 hover/focus color
+  //$a4d: #f90,// link visited color
   //$cgd: #593,// ins green, success
   //$crd: #e33,// del red, errors
 
@@ -94,6 +95,7 @@
   //$a1: #c40,// link color
   //$a2: #e60,// link hover/focus color
   //$a3: #f90,// link h1-h2 hover/focus color
+  //$a4: #c40,// link visited color
   //$cg: #373,// ins green, success
   //$cr: #d33,// del red, errors
 
diff --git a/sass/_colors.scss b/sass/_colors.scss
index 1d11df8..07a37f4 100644
--- a/sass/_colors.scss
+++ b/sass/_colors.scss
@@ -1,4 +1,4 @@
-@mixin dark($cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr) {
+@mixin dark($cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$a4,$cg,$cr) {
   #{--cs}: $cs;// color-scheme Variable for scrollbars, required for Chrome.
   #{--f1}: $f1;// Font Color Primary
   #{--f2}: $f2;// Font Color Headers
@@ -9,10 +9,11 @@
   #{--a1}: $a1;// link color
   #{--a2}: $a2;// link hover/focus color
   #{--a3}: $a3;// link h1-h2 hover/focus color
+  #{--a4}: $a4;// link visited color
   #{--cg}: $cg;// ins green, success
   #{--cr}: $cr;// del red, errors
 }
-@mixin light($cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr) {
+@mixin light($cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$a4,$cg,$cr) {
   #{--cs}: $cs;// color-scheme Variable for scrollbars, required for Chrome.
   #{--f1}: $f1;// Font Color Primary
   #{--f2}: $f2;// Font Color Headers
@@ -23,11 +24,12 @@
   #{--a1}: $a1;// link color
   #{--a2}: $a2;// link hover/focus color
   #{--a3}: $a3;// link h1-h2 hover/focus color
+  #{--a4}: $a4;// link visited color
   #{--cg}: $cg;// ins green, success
   #{--cr}: $cr;// del red, errors
 }
 
-@function color($color,$dark,$cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr) {
+@function color($color,$dark,$cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$a4,$cg,$cr) {
   @if $color == "blue" {
     @if $dark {/// Dark Colors
       $cs: dark !default;// color-scheme Variable for scrollbars, required for Chrome.
@@ -40,9 +42,10 @@
       $a1: #09f !default;// link color
       $a2: #0bf !default;// link hover/focus color
       $a3: #0af !default;// link h1-h2 hover/focus color
+      $a4: #09f !default;// link visited color
       $cg: #593 !default;// ins green, success
       $cr: #e33 !default;// del red, errors
-      $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+      $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $a4 $cg $cr;
       @return $result;
     } @else {/// Light Colors
       $cs: light !default;// color-scheme Variable for scrollbars, required for Chrome.
@@ -55,9 +58,10 @@
       $a1: #06e !default;// link color
       $a2: #09f !default;// link hover/focus color
       $a3: #07f !default;// link h1-h2 hover/focus color
+      $a4: #06e !default;// link visited color
       $cg: #373 !default;// ins green, success
       $cr: #d33 !default;// del red, errors
-      $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+      $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $a4 $cg $cr;
       @return $result;
     }
   } @else if $color == "blueshade" {
@@ -72,9 +76,10 @@
       $a1: #09f !default;// link color
       $a2: #0bf !default;// link hover/focus color
       $a3: #0af !default;// link h1-h2 hover/focus color
+      $a4: #09f !default;// link visited color
       $cg: #593 !default;// ins green, success
       $cr: #e33 !default;// del red, errors
-      $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+      $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $a4 $cg $cr;
       @return $result;
     } @else {/// Light Colors
       $cs: light !default;// color-scheme Variable for scrollbars, required for Chrome.
@@ -87,9 +92,10 @@
       $a1: #06e !default;// link color
       $a2: #09f !default;// link hover/focus color
       $a3: #07f !default;// link h1-h2 hover/focus color
+      $a4: #06e !default;// link visited color
       $cg: #373 !default;// ins green, success
       $cr: #d33 !default;// del red, errors
-      $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+      $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $a4 $cg $cr;
       @return $result;
     }
   } @else {//orange (default)
@@ -104,9 +110,10 @@
       $a1: #f90 !default;// link color
       $a2: #fb0 !default;// link hover/focus color
       $a3: #f90 !default;// link h1-h2 hover/focus color
+      $a4: #f90 !default;// link visited color
       $cg: #593 !default;// ins green, success
       $cr: #e33 !default;// del red, errors
-      $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+      $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $a4 $cg $cr;
       @return $result;
     } @else {/// Light Colors
       $cs: light !default;// color-scheme Variable for scrollbars, required for Chrome.
@@ -119,9 +126,10 @@
       $a1: #c40 !default;// link color
       $a2: #e60 !default;// link hover/focus color
       $a3: #f90 !default;// link h1-h2 hover/focus color
+      $a4: #c40 !default;// link visited color
       $cg: #373 !default;// ins green, success
       $cr: #d33 !default;// del red, errors
-      $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+      $result: $cs $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $a4 $cg $cr;
       @return $result;
     }
   }
diff --git a/sass/abridge.scss b/sass/abridge.scss
index d844403..6dc2f50 100644
--- a/sass/abridge.scss
+++ b/sass/abridge.scss
@@ -98,9 +98,10 @@ $c4d: null !default;// Disabled Buttons, Borders, mark background
 $a1d: null !default;// link color
 $a2d: null !default;// link hover/focus color
 $a3d: null !default;// link h1-h2 hover/focus color
+$a4d: null !default;// link visited color
 $cgd: null !default;// ins green, success
 $crd: null !default;// del red, errors
-$dark: colors.color($color,true,$csd,$f1d,$f2d,$c1d,$c2d,$c3d,$c4d,$a1d,$a2d,$a3d,$cgd,$crd);
+$dark: colors.color($color,true,$csd,$f1d,$f2d,$c1d,$c2d,$c3d,$c4d,$a1d,$a2d,$a3d,$a4d,$cgd,$crd);
 
 /// Light Colors
 $cs: null !default;// Color-scheme Variable for scrollbars, required for Chrome.
@@ -113,9 +114,10 @@ $c4: null !default;// Disabled Buttons, Borders, mark background
 $a1: null !default;// link color
 $a2: null !default;// link hover/focus color
 $a3: null !default;// link h1-h2 hover/focus color
+$a4: null !default;// link visited color
 $cg: null !default;// ins green, success
 $cr: null !default;// del red, errors
-$light: colors.color($color,false,$cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr);
+$light: colors.color($color,false,$cs,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$a4,$cg,$cr);
 
 /// Dark Syntax Colors
 $h0d: null !default;// background color
@@ -429,9 +431,6 @@ $syntax: true !default;//syntax highlighting for code blocks
   }
 }
 @if $typography {
-  .c {
-    text-align: center;// The <center> does not pass validation, use: <div class="c"></div>
-  }
   h1,
   h2,
   h3,
@@ -472,10 +471,16 @@ $syntax: true !default;//syntax highlighting for code blocks
     color: var(--a2);
     text-decoration: underline;
   }
+  a:visited {
+    color: var(--a4);
+  }
   h1 a, h2 a, main nav a, header span > a {
     color: var(--f2);
     text-decoration: none;
     font-weight: var(--fh);
+    &:visited {
+      color: var(--f2);
+    }
     &:hover {
       color: var(--a3);
       text-decoration: none;
@@ -1363,6 +1368,7 @@ $syntax: true !default;//syntax highlighting for code blocks
   .rpad {padding-right: var(--s1)}
   .tpad {padding-top: var(--s1)}
   .b {font-weight: var(--fh)}
+  .c {text-align: center}// <center> does not pass validation, use: <div class="c"></div>
 }
 @if $syntax {
   // Unstyled Text Color, and background color
diff --git a/templates/archive.html b/templates/archive.html
index e4f7e06..587d7ea 100644
--- a/templates/archive.html
+++ b/templates/archive.html
@@ -1,5 +1,5 @@
 {#
-This Page Shows the Posts Grouped by Year: example.com/archive/
+This Template Shows the Posts Grouped by Year: example.com/archive/
 This Template can also be used as the rendering template for Sections, eg: example.com/blog/  example.com/software/
 #}
 
diff --git a/templates/index.html b/templates/index.html
index 705c630..d7091de 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,5 +1,5 @@
 {#
-This Tempalte Shows a paginated page of the Posts of a section with a short summary.
+This Template Shows a paginated page of the Posts of a section with a short summary.
 This Template can also be used directly for the index eg: example.com/ or as the rendering template for Sections, eg: example.com/blog/  example.com/software/
 #}
 
-- 
cgit v1.3.1