1 files changed, 24 insertions, 31 deletions

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index d650842..3a1fb28 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -133,28 +133,6 @@ $content--width:  42rem;
     $gray6: hsl(220, 7%, 16%);
     $gray7: hsl(220, 7%, 0%);
 
-    $theme-link-bg: hsl(
-        var(--colors--accent--h),
-        var(--colors--accent--s),
-        98.8%
-    );
-    $theme-link-obj: hsla(
-        var(--colors--accent--h),
-        var(--colors--accent--s),
-        var(--colors--accent--l),
-        .5
-    );
-    $theme-link-fg: hsl(
-        var(--colors--accent--h),
-        var(--colors--accent--s),
-        calc(var(--colors--accent--l) * .8)
-    );
-    $theme-link-fg-hi: hsl(
-        var(--colors--accent--h),
-        calc(var(--colors--accent--s) * .6),
-        calc(var(--colors--accent--l) * 1.2)
-    );
-
     @include store((
         --colors: (
             --bg-hi:  $gray0, // Darker background
@@ -183,16 +161,24 @@ $content--width:  42rem;
 
             --themes: (
                 --link: (
-                    --bg-hi:  $theme-link-bg,
-                    --bg:     $theme-link-bg,
-                    --bg-lo:  $theme-link-bg,
+                    --bg-hi:  hsl(
+                        var(--colors--link--colored--idle-h),
+                        var(--colors--link--colored--idle-s),
+                        98.8%
+                    ),
+                    --bg:     var(--colors--themes--link--bg-hi),
+                    --bg-lo:  var(--colors--themes--link--bg-hi),
                 
-                    --obj-hi: $theme-link-obj,
-                    --obj:    $theme-link-obj,
+                    --obj-hi: hsl(
+                        var(--colors--link--colored--idle-h),
+                        calc(var(--colors--link--colored--idle-s) * .7),
+                        calc(var(--colors--link--colored--idle-l) * 1.3)
+                    ),
+                    --obj:    var(--colors--themes--link--obj-hi),
                 
-                    --fg-hi:  $theme-link-fg-hi,
-                    --fg:     $theme-link-fg,
-                    --fg-lo:  $theme-link-fg,
+                    --fg-hi:  var(--colors--themes--link--obj-hi),
+                    --fg:     var(--colors--link--colored--idle),
+                    --fg-lo:  var(--colors--themes--link--fg),
                 ),
                 --invert: (
                     --bg-hi:  $gray7,
@@ -215,7 +201,14 @@ $content--width:  42rem;
 
             --link: (
                 --colored: (
-                    --idle:    hsl(220, 60%, 40%), //hsl(var(--colors--accent--h), 100%, 66%), //
+                    --idle-h:  220,
+                    --idle-s:  60%,
+                    --idle-l:  40%,
+                    --idle:    hsl(
+                        var(--colors--link--colored--idle-h),
+                        var(--colors--link--colored--idle-s),
+                        var(--colors--link--colored--idle-l),
+                    ), //hsl(var(--colors--accent--h), 100%, 66%), //
                     --visited: hsl(290, 30%, 35%), //hsl(var(--colors--accent--h), 50%, 66%), //
                 )
             ),