mirrors/pinafore
mirrors
/
pinafore
mirror of https://github.com/nolanlawson/pinafore.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: rename vars

This commit is contained in:
Nolan Lawson 2022-12-03 12:18:15 -08:00
parent 7d7633eb69
commit 91a6f04643
6 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/routes/_components/NavItem.html
View File

@ -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 */

4
src/scss/themes/_base.scss
View File

@ -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%)};

2
src/scss/themes/dark-grayscale.scss
View File

@ -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
}

2
src/scss/themes/hacker.scss
View File

@ -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
}

2
src/scss/themes/punk.scss
View File

@ -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
}

2
src/scss/themes/riot.scss
View File

@ -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
}