Improve contrast of resizer in dark mode (#3857)

devongovett · web-flow · commit 23eb652e66fc · 2022-12-16T09:34:00.000-08:00
diff --git a/packages/@adobe/spectrum-css-temp/components/table/skin.css b/packages/@adobe/spectrum-css-temp/components/table/skin.css
@@ -14,10 +14,10 @@ governing permissions and limitations under the License.
   --spectrum-table-header-sort-icon-color-hover: var(--spectrum-global-color-gray-700);
 }
 .spectrum-Table {
-  --spectrum-table-col-resize-indicator-background-color: var(--spectrum-global-color-blue-600);
-  --spectrum-table-col-resize-nubbin-background-color: var(--spectrum-global-color-blue-600);
+  --spectrum-table-col-resize-indicator-background-color: xvar(--spectrum-legacy-color-blue-400, var(--spectrum-global-color-blue-400));
+  --spectrum-table-col-resize-nubbin-background-color: xvar(--spectrum-legacy-color-blue-400, var(--spectrum-global-color-blue-400));
   --spectrum-table-col-resize-nubbin-icon-color: var(--spectrum-global-color-static-white);
-  --spectrum-table-body-resize-indicator-background-color: var(--spectrum-global-color-blue-600);
+  --spectrum-table-body-resize-indicator-background-color: xvar(--spectrum-legacy-color-blue-400, var(--spectrum-global-color-blue-400));
 }
 
 .spectrum-Table-headWrapper {

Original file line number	Diff line number	Diff line change
`@@ -14,10 +14,10 @@ governing permissions and limitations under the License.`
`14`	`14`	`--spectrum-table-header-sort-icon-color-hover: var(--spectrum-global-color-gray-700);`
`15`	`15`	`}`
`16`	`16`	`.spectrum-Table {`
`17`		`- --spectrum-table-col-resize-indicator-background-color: var(--spectrum-global-color-blue-600);`
`18`		`- --spectrum-table-col-resize-nubbin-background-color: var(--spectrum-global-color-blue-600);`
	`17`	`+ --spectrum-table-col-resize-indicator-background-color: xvar(--spectrum-legacy-color-blue-400, var(--spectrum-global-color-blue-400));`
	`18`	`+ --spectrum-table-col-resize-nubbin-background-color: xvar(--spectrum-legacy-color-blue-400, var(--spectrum-global-color-blue-400));`
`19`	`19`	`--spectrum-table-col-resize-nubbin-icon-color: var(--spectrum-global-color-static-white);`
`20`		`- --spectrum-table-body-resize-indicator-background-color: var(--spectrum-global-color-blue-600);`
	`20`	`+ --spectrum-table-body-resize-indicator-background-color: xvar(--spectrum-legacy-color-blue-400, var(--spectrum-global-color-blue-400));`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`.spectrum-Table-headWrapper {`