Fixed hover issues

alshedivat · Sep 28, 2020 · 98c97a6 · 98c97a6
1 parent e990e45
commit 98c97a6
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -91,7 +91,6 @@ a, table.table a {
     color: var(--global-text-color);
   }
   .navbar-nav .nav-item .nav-link {
-    color: var(--global-text-color);
     &:hover {
       color: var(--global-hover-color);
     }

diff --git a/_sass/_themes.scss b/_sass/_themes.scss
@@ -6,7 +6,7 @@
   --global-bg-color: #{$white-color};
   --global-text-color: #{$black-color};
   --global-theme-color: #{$purple-color};
-  --global-hover-color: lighten(var(--global-theme-color), 25%);
+  --global-hover-color: #{$light-purple-color};
   --global-footer-bg-color: #{$grey-color-dark};
   --global-footer-text-color: #{$grey-color-light};
   --global-footer-link-color: #{$white-color};
@@ -26,7 +26,7 @@ html[data-theme='dark'] {
   --global-bg-color: #{$grey-color-dark};
   --global-text-color: #{$grey-color-light};
   --global-theme-color: #{$cyan-color};
-  --global-hover-color: lighten(var(--global-theme-color), 25%);
+  --global-hover-color: #{$light-cyan-color};
   --global-footer-bg-color: #{$grey-color-light};
   --global-footer-text-color: #{$grey-color-dark};
   --global-footer-link-color: #{$black-color};

diff --git a/_sass/_variables.scss b/_sass/_variables.scss
@@ -14,12 +14,14 @@ $orange-color:        #F29105 !default;
 $blue-color:          #0076df !default;
 $blue-color-dark:     #00369f !default;
 $cyan-color:          #2698BA !default;
+$light-cyan-color:    lighten($cyan-color, 25%);
 $green-color:         #00ab37 !default;
 $green-color-lime:    #B7D12A !default;
 $green-color-dark:    #009f06 !default;
 $green-color-light:   #ddffdd !default;
 $green-color-bright:  #11D68B !default;
 $purple-color:        #B509AC !default;
+$light-purple-color:  lighten($purple-color, 25%);
 $pink-color:          #f92080 !default;
 $pink-color-light:    #ffdddd !default;
 $yellow-color:        #efcc00 !default;
@@ -29,4 +31,4 @@ $grey-color-light:    lighten($grey-color, 40%);
 $grey-color-dark:     darken($grey-color, 25%);
 
 $white-color: #ffffff !default;
-$black-color: #000000 !default;
+$black-color: #000000 !default;