fix: rename vars

src/routes/_components/NavItem.html

@@ -54,7 +54,7 @@
   }
 
   .nav-indicator {
-    background: var(--nav-indicator-bg-theme);
+    background: var(--nav-indicator-bg);
   }
 
   .nav-indicator.animate {
@@ -67,7 +67,7 @@
   }
 
   .main-nav-link.selected .nav-indicator {
-    background: var(--nav-indicator-bg);
+    background: var(--nav-indicator-bg-active);
   }
 
   /* Desktop/mouse only https://medium.com/@mezoistvan/finally-a-css-only-solution-to-hover-on-touchscreens-c498af39c31c */

src/scss/themes/_base.scss

@@ -34,9 +34,9 @@
   --nav-a-selected-active-bg: var(--nav-a-selected-bg-hover);
   --nav-svg-fill: #{$secondary-text-color};
   --nav-text-color: #{$secondary-text-color};
-  --nav-indicator-bg: #{mix($secondary-text-color, $main-theme-color, 90%)};
+  --nav-indicator-bg: #{$main-theme-color};
+  --nav-indicator-bg-active: #{mix($secondary-text-color, $main-theme-color, 90%)};
   --nav-indicator-bg-hover: #{mix($secondary-text-color, $main-theme-color, 60%)};
-  --nav-indicator-bg-theme: #{$main-theme-color};
 
   --nav-a-selected-border-hover: #{$secondary-text-color};
   --nav-a-selected-bg-hover: #{lighten($main-theme-color, 4.5%)};

src/scss/themes/dark-grayscale.scss

@@ -25,5 +25,5 @@ $compose-background: lighten($main-theme-color, 52%);
   --action-button-fill-color-pressed-hover: #{darken($anchor-color, 2%)};
   --action-button-fill-color-pressed-active: #{darken($anchor-color, 15%)};
 
-  --nav-indicator-bg-theme: #{$main-theme-color}; // special override on the nav indicator color
+  --nav-indicator-bg: #{$main-theme-color}; // special override on the nav indicator color
 }

src/scss/themes/hacker.scss

@@ -17,5 +17,5 @@ $compose-background: lighten($main-theme-color, 52%);
 @import "_dark_scrollbars.scss";
 
 :root {
-  --nav-indicator-bg-theme: #{$main-theme-color}; // special override on the nav indicator color
+  --nav-indicator-bg: #{$main-theme-color}; // special override on the nav indicator color
 }

src/scss/themes/punk.scss

@@ -17,5 +17,5 @@ $compose-background: lighten($main-theme-color, 52%);
 @import "_dark_scrollbars.scss";
 
 :root {
-  --nav-indicator-bg-theme: #{$main-theme-color}; // special override on the nav indicator color
+  --nav-indicator-bg: #{$main-theme-color}; // special override on the nav indicator color
 }

src/scss/themes/riot.scss

@@ -18,5 +18,5 @@ $compose-background: lighten($main-theme-color, 52%);
 
 :root {
   accent-color: #{darken($main-theme-color, 5%)};
-  --nav-indicator-bg-theme: #{$main-theme-color}; // special override on the nav indicator color
+  --nav-indicator-bg: #{$main-theme-color}; // special override on the nav indicator color
 }