Use CSS variable for 'ui.brand' and 'ui.borderFocus' colors (#23936)

WordPress · Jul 20, 2020 · 83cecf0 · 83cecf0
1 parent 436373a
commit 83cecf0
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/components/src/utils/colors-values.js b/packages/components/src/utils/colors-values.js
@@ -137,9 +137,9 @@ export const ALERT = {
 export const UI = {
 	background: BASE.white,
 	backgroundDisabled: LIGHT_GRAY[ 200 ],
-	brand: BLUE.wordpress[ 700 ],
+	brand: `var( --wp-admin-theme-color, ${ BLUE.wordpress[ 700 ] })`,
 	border: G2.darkGray.primary,
-	borderFocus: BLUE.medium.focus,
+	borderFocus: `var( --wp-admin-theme-color-darker-10, ${ BLUE.medium.focus })`,
 	borderDisabled: DARK_GRAY[ 700 ],
 	borderLight: LIGHT_GRAY[ 600 ],
 	label: DARK_GRAY[ 500 ],