Polish theme colors and fallbacks

WordPress · Aug 2, 2023 · 177066e · 177066e
1 parent 3f8ca88
commit 177066e
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/edit-site/src/components/canvas-spinner/index.js b/packages/edit-site/src/components/canvas-spinner/index.js
@@ -22,14 +22,16 @@ const { ProgressBar } = unlock( componentsPrivateApis );
 const { useGlobalStyle } = unlock( blockEditorPrivateApis );
 
 export default function CanvasSpinner() {
-	const [ textColor ] = useGlobalStyle( 'color.text' );
+	const [ fallbackTrackColor ] = useGlobalStyle( 'color.text' );
 	const { highlightedColors } = useStylesPreviewColors();
 
-	const trackColor = highlightedColors[ 0 ]?.color ?? textColor;
+	const trackColor = highlightedColors[ 1 ]?.color ?? fallbackTrackColor;
 	const trackColord = colord( trackColor );
-	const indicatorColor = trackColord.isDark()
+	const fallbackIndicatorColor = trackColord.isDark()
 		? trackColord.tints( 3 )[ 1 ].toHex()
 		: trackColord.shades( 3 )[ 1 ].toHex();
+	const indicatorColor =
+		highlightedColors[ 0 ]?.color ?? fallbackIndicatorColor;
 
 	return (
 		<div className="edit-site-canvas-spinner">