Fix header nav styling

edgedb · Nov 3, 2023 · e89a5e1 · e89a5e1
1 parent 45dcbe0
commit e89a5e1
Showing 1 changed file with 3 additions and 12 deletions.
diff --git a/shared/studio/components/headerNav/headerNav.module.scss b/shared/studio/components/headerNav/headerNav.module.scss
@@ -77,6 +77,7 @@
   transform: translateY(-20px);
   transition: opacity 0.15s, transform 0.15s;
   background-color: var(--grey25);
+  color: var(--grey85);
   border-radius: 6px;
   overflow: hidden;
   min-height: 240px;
@@ -87,6 +88,7 @@
 
   @include darkTheme {
     background-color: var(--grey70);
+    color: var(--grey8);
   }
 
   @include isMobile {
@@ -124,11 +126,6 @@
     padding-top: 12px;
     text-transform: uppercase;
     font-size: 12px;
-    color: var(--grey85);
-
-    @include darkTheme {
-      color: var(--grey8);
-    }
   }
 
   .item,
@@ -140,8 +137,8 @@
     text-decoration: none;
     padding: 9px 18px;
     line-height: 24px;
-    color: var(--grey85);
     font-weight: 600;
+    color: inherit;
 
     @include isMobile {
       padding: 12px 18px;
@@ -152,10 +149,6 @@
       text-overflow: ellipsis;
       overflow: hidden;
     }
-
-    @include darkTheme {
-      color: var(--grey8);
-    }
   }
 
   .item > span {
@@ -181,7 +174,6 @@
   .action {
     margin: 6px 8px;
     padding: 7px 10px;
-    color: var(--grey85);
     justify-content: center;
     border: 1px solid var(--grey40);
     border-radius: 4px;
@@ -197,7 +189,6 @@
     }
 
     @include darkTheme {
-      color: var(--grey8);
       border-color: var(--grey60);
 
       &:hover {