diff --git a/packages/components/src/alignment-matrix-control/styles/alignment-matrix-control-styles.js b/packages/components/src/alignment-matrix-control/styles/alignment-matrix-control-styles.js index 1e35a4195460c6..88ae648252aae2 100644 --- a/packages/components/src/alignment-matrix-control/styles/alignment-matrix-control-styles.js +++ b/packages/components/src/alignment-matrix-control/styles/alignment-matrix-control-styles.js @@ -45,9 +45,7 @@ export const Row = styled.div` const pointActive = ( { isActive } ) => { const boxShadow = isActive ? `0 0 0 2px ${ COLORS.gray[ 900 ] }` : null; const pointColor = isActive ? COLORS.gray[ 900 ] : COLORS.lightGray[ 800 ]; - const pointColorHover = isActive - ? COLORS.gray[ 900 ] - : COLORS.blue.medium.focus; + const pointColorHover = isActive ? COLORS.gray[ 900 ] : COLORS.ui.theme; return css` box-shadow: ${ boxShadow }; diff --git a/packages/components/src/box-control/styles/box-control-visualizer-styles.js b/packages/components/src/box-control/styles/box-control-visualizer-styles.js index 527daac217bab4..2a5c4fc8ec4702 100644 --- a/packages/components/src/box-control/styles/box-control-visualizer-styles.js +++ b/packages/components/src/box-control/styles/box-control-visualizer-styles.js @@ -31,7 +31,6 @@ export const Container = styled.div` export const Side = styled.div` box-sizing: border-box; - background: ${ COLORS.blue.wordpress[ 700 ] }; background: ${ COLORS.ui.theme }; filter: brightness( 1 ); opacity: 0; diff --git a/packages/components/src/focal-point-picker/styles/focal-point-style.js b/packages/components/src/focal-point-picker/styles/focal-point-style.js index 80f724f64ece84..89e248c986962c 100644 --- a/packages/components/src/focal-point-picker/styles/focal-point-style.js +++ b/packages/components/src/focal-point-picker/styles/focal-point-style.js @@ -42,6 +42,5 @@ export const PointerIconPathOutline = styled( Path )` `; export const PointerIconPathFill = styled( Path )` - fill: ${ COLORS.blue.wordpress[ 700 ] }; fill: ${ COLORS.ui.theme }; `; diff --git a/packages/components/src/palette-edit/styles.js b/packages/components/src/palette-edit/styles.js index 278465ad45ef53..e524f153f88482 100644 --- a/packages/components/src/palette-edit/styles.js +++ b/packages/components/src/palette-edit/styles.js @@ -58,7 +58,7 @@ export const PaletteItem = styled( View )` border-top-color: transparent; } &.is-selected { - border-color: ${ COLORS.blue.wordpress[ 700 ] }; + border-color: ${ COLORS.ui.theme }; } `; @@ -69,7 +69,7 @@ export const NameContainer = styled.div` white-space: nowrap; overflow: hidden; ${ PaletteItem }:hover & { - color: var( --wp-admin-theme-color, ${ COLORS.blue.wordpress[ 700 ] } ); + color: ${ COLORS.ui.theme }; } `;