fix: tab colors

tremorlabs · Apr 12, 2024 · 0dbded6 · 0dbded6
1 parent 685b0c2
commit 0dbded6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/input-elements/Tabs/Tab.tsx b/src/components/input-elements/Tabs/Tab.tsx
@@ -18,7 +18,7 @@ function getVariantStyles(tabVariant: TabVariant, color?: Color) {
         // light
         "hover:border-tremor-content hover:text-tremor-content-emphasis text-tremor-content",
         // dark
-        "dark:hover:border-dark-tremor-content-emphasis dark:hover:text-dark-tremor-content-emphasis dark:text-dark-tremor-content",
+        "ui-not-selected:dark:hover:border-dark-tremor-content-emphasis ui-not-selected:dark:hover:text-dark-tremor-content-emphasis ui-not-selected:dark:text-dark-tremor-content",
         // brand
         color
           ? getColorClassNames(color, colorPalette.border).selectBorderColor
@@ -31,7 +31,7 @@ function getVariantStyles(tabVariant: TabVariant, color?: Color) {
         // light
         "ui-selected:border-tremor-border ui-selected:bg-tremor-background ui-selected:shadow-tremor-input hover:text-tremor-content-emphasis ui-selected:text-tremor-brand",
         // dark
-        "dark:ui-selected:border-dark-tremor-border dark:ui-selected:bg-dark-tremor-background dark:ui-selected:shadow-dark-tremor-input dark:hover:text-dark-tremor-content-emphasis dark:ui-selected:text-dark-tremor-brand",
+        "dark:ui-selected:border-dark-tremor-border dark:ui-selected:bg-dark-tremor-background dark:ui-selected:shadow-dark-tremor-input dark:hover:text-dark-tremor-content-emphasis dark:ui-selected:text-dark-tremor-brand dark:ui-not-selected:text-dark-tremor-content",
         // brand
         color
           ? getColorClassNames(color, colorPalette.text).selectTextColor