fix: fix wrong usage of fg token

Author: anitavincent

packages/components/src/checkbox/checkbox.css

@@ -6,7 +6,7 @@
 
 @layer sl-components {
   [data-sl-checkbox] {
-    color: var(--sl-color-fg);
+    color: var(--sl-fg);
     width: var(--sl-checkbox-size);
     height: var(--sl-checkbox-size);
     display: flex;

packages/components/src/filter/filter.css

@@ -15,7 +15,7 @@
 
 @layer sl-components {
   [data-sl-filter] {
-    color: var(--sl-color-fg);
+    color: var(--sl-fg);
   }
 
   [data-sl-filter-popover] {

packages/components/src/menu/menu.css

@@ -1,7 +1,7 @@
 @layer sl-components {
   [data-sl-menu] {
     background: var(--sl-bg);
-    color: var(--sl-color-fg);
+    color: var(--sl-fg);
     outline: none;
     border: var(--sl-border);
     border-radius: var(--sl-border-radius-medium);

packages/components/src/select/select.css

@@ -1,6 +1,6 @@
 @layer sl-components {
   [data-sl-select] {
-    color: var(--sl-color-fg);
+    color: var(--sl-fg);
   }
 
   [data-sl-select-popover] {

packages/components/src/table/table.css

@@ -6,7 +6,7 @@
 
 @layer sl-components {
   [data-sl-table] {
-    color: var(--sl-color-fg);
+    color: var(--sl-fg);
     border-collapse: collapse;
     width: 100%;
     display: grid;
@@ -18,7 +18,7 @@
       overflow: unset;
 
       [data-sl-table-header-cell] {
-        color: var(--sl-color-fg);
+        color: var(--sl-fg);
         position: sticky;
         top: 0;
         z-index: 1;
@@ -82,7 +82,7 @@
     display: flex;
     align-items: center;
     justify-content: flex-start;
-    color: var(--sl-color-fg);
+    color: var(--sl-fg);
     padding: var(--sl-space-2);
     border-bottom: var(--sl-border);
 
@@ -93,7 +93,7 @@
   }
 
   [data-sl-table-header] {
-    color: var(--sl-color-fg);
+    color: var(--sl-fg);
   }
 
   [data-sl-table-header-cell] {
@@ -102,11 +102,11 @@
   }
 
   [data-sl-table-body] {
-    color: var(--sl-color-fg);
+    color: var(--sl-fg);
   }
 
   [data-sl-table-row] {
-    color: var(--sl-color-fg);
+    color: var(--sl-fg);
 
     &[data-dim-on-hover='true']:hover {
       & > [data-sl-table-cell] {