chore(testing): update test table background

PiperOrigin-RevId: 521816787
material-components · Apr 4, 2023 · 988ad97 · 988ad97
1 parent 0aa39e8
commit 988ad97
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/testing/table/lib/_test-table.scss b/testing/table/lib/_test-table.scss
@@ -12,6 +12,7 @@
 // go/keep-sorted start
 @use '../../../sass/theme';
 @use '../../../tokens';
+@use '../../../tokens/v0_172' as tokens-next; // TODO(b/272526637): remove
 // go/keep-sorted end
 
 $light-theme: tokens.md-comp-test-table-values();
@@ -91,10 +92,10 @@ $dark-theme: tokens.md-comp-test-table-values(
   }
 
   .md3-test-table--dark {
-    $dark: tokens.md-sys-color-values-dark();
+    $dark: tokens-next.md-sys-color-values-dark();
 
-    --_cell-color: #{map.get($dark, 'surface')};
-    --_cell-text-color: #{map.get($dark, 'on-surface')};
+    --_cell-color: #{map.get($dark, 'surface-container-lowest')};
+    --_cell-text-color: #{map.get($dark, 'on-surface-container')};
     --_cell-grid-color: #{map.get($dark, 'surface-variant')};
     --_header-cell-color: #{map.get($dark, 'surface-variant')};
     --_header-cell-text-color: #{map.get($dark, 'on-surface-variant')};

diff --git a/tokens/_md-comp-test-table.scss b/tokens/_md-comp-test-table.scss
@@ -7,8 +7,9 @@
 @use 'sass:map';
 // go/keep-sorted end
 // go/keep-sorted start
-@use './md-sys-color';
 @use './md-sys-typescale';
+// TODO(b/272526637): remove version when md-sys-color is updated to v0.172
+@use './v0_172/md-sys-color';
 // go/keep-sorted end
 
 $_default: (
@@ -18,8 +19,8 @@ $_default: (
 
 @function values($deps: $_default) {
   @return (
-    'cell-color': map.get($deps, 'md-sys-color', 'surface'),
-    'cell-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
+    'cell-color': map.get($deps, 'md-sys-color', 'surface-container-lowest'),
+    'cell-text-color': map.get($deps, 'md-sys-color', 'on-surface-container'),
     'cell-text-type': map.get($deps, 'md-sys-typescale', 'body-medium'),
     'cell-grid-color': map.get($deps, 'md-sys-color', 'surface-variant'),
     'header-cell-color': map.get($deps, 'md-sys-color', 'surface-variant'),