Update colours of selection indicators

5 years ago · ca032aa6fe
2 changed files with 7 additions and 2 deletions
--- a/packages/client/src/components/preview/HoverIndicator.svelte
+++ b/packages/client/src/components/preview/HoverIndicator.svelte
@ -29,4 +29,9 @@
  })
 </script>

-<IndicatorSet {componentId} color="rgb(120, 170, 244)" transition {zIndex} />
+<IndicatorSet
+  {componentId}
+  color="var(--spectrum-global-color-gray-600)"
+  transition
+  {zIndex}
+/>
--- a/packages/client/src/components/preview/SelectionIndicator.svelte
+++ b/packages/client/src/components/preview/SelectionIndicator.svelte
@ -5,7 +5,7 @@

 <IndicatorSet
  componentId={$builderStore.selectedComponentId}
-  color="rgb(66, 133, 244)"
+  color="var(--spectrum-global-color-blue-900)"
  zIndex="910"
  transition
 />