style(Tabs): change selected color and inherit on content (#3191)

Co-authored-by: Michael Marszalek <mimarz@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
digdir · Feb 26, 2025 · bfeca79 · bfeca79
1 parent d139e10
commit bfeca79
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/.changeset/kind-lizards-tickle.md b/.changeset/kind-lizards-tickle.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": patch
+---
+
+**Tabs**: change selected color and inherit color on content
diff --git a/packages/css/src/tabs.css b/packages/css/src/tabs.css
@@ -2,17 +2,15 @@
   --dsc-tabs-tab-padding: var(--ds-size-3) var(--ds-size-5);
   --dsc-tabs-tab-color: var(--ds-color-neutral-text-subtle);
   --dsc-tabs-tab-color--hover: var(--ds-color-neutral-text-default);
-  --dsc-tabs-tab-color--selected: var(--ds-color-base-default);
-  --dsc-tabs-content-padding: var(--ds-size-5);
-  --dsc-tabs-content-color: var(--ds-color-neutral-text-default);
+  --dsc-tabs-tab-color--selected: var(--ds-color-text-subtle);
+  --dsc-tabs-content-padding: var(--ds-size-4) var(--ds-size-5);
   --dsc-tabs-list-border-color: var(--ds-color-neutral-border-subtle);
   --dsc-tabs-list-border-bottom-width: var(--ds-border-width-default);
   --dsc-tabs-list-border-bottom-style: solid;
 
   & [role='tabpanel'],
   & u-tabpanel {
     padding: var(--dsc-tabs-content-padding);
-    color: var(--dsc-tabs-content-color);
 
     @composes ds-focus from './base.css';
   }