style(Table): background colors on th (#3190)

Co-authored-by: Michael Marszalek <[email protected]>

Author: Barsnes

.changeset/stale-flowers-count.md

@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": patch
+---
+
+**Table**: Use correct background color variables on th

packages/css/src/table.css

@@ -10,9 +10,9 @@
   --dsc-table-divider-border-color: var(--dsc-table-border-color);
   --dsc-table-divider-border-style: solid;
   --dsc-table-divider-border-width: calc(var(--ds-border-width-default) + 1px);
-  --dsc-table-header-background--hover: var(--ds-color-surface-tinted);
-  --dsc-table-header-background--sorted: var(--ds-color-background-tinted);
-  --dsc-table-header-background--sticky: var(--ds-color-background-default);
+  --dsc-table-header-background--hover: var(--ds-color-surface-hover);
+  --dsc-table-header-background--sorted: var(--ds-color-surface-tinted);
+  --dsc-table-header-background--sticky: var(--ds-color-surface-default);
   --dsc-table-header-background: transparent;
   --dsc-table-padding: var(--ds-size-2) var(--ds-size-3);
   --dsc-table-sort-size: var(--ds-size-6);
@@ -196,7 +196,7 @@
       background: var(--dsc-table-background--hover);
     }
 
-    & > thead > tr > [aria-sort]:hover {
+    & > thead > tr > [aria-sort]:hover button {
       background: var(--dsc-table-header-background--hover);
     }
   }