From f7b735e9408c10f9600b1a0bcf2c2c0f1e827f80 Mon Sep 17 00:00:00 2001
From: ramon <ramonjd@gmail.com>
Date: Wed, 28 Feb 2024 12:17:53 +1100
Subject: [PATCH] Use same box shadow as ColorIndicator so that there's a
 border around colors This is so that theme colors that are the same value as
 the background are more noticeable

---
 .../edit-site/src/components/global-styles/preview-colors.js    | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/edit-site/src/components/global-styles/preview-colors.js b/packages/edit-site/src/components/global-styles/preview-colors.js
index db2bc407292e4..88885baf30062 100644
--- a/packages/edit-site/src/components/global-styles/preview-colors.js
+++ b/packages/edit-site/src/components/global-styles/preview-colors.js
@@ -176,6 +176,8 @@ const StylesPreviewColors = ( { label, isFocused, withHoverView } ) => {
 										<motion.div
 											key={ slug }
 											style={ {
+												boxShadow:
+													'inset 0 0 0 1px #0003',
 												height:
 													normalizedColorSwatchSize *
 													ratio,