Tweak grid colors (#6096)

**Problem:** Some grid-related colors are too subtle. **Fix:** 1. make the inactive grid lines more visible <img width="1512" alt="Screenshot 2024-07-18 at 12 44 00" src="https://github.com/user-attachments/assets/e462da73-6241-4ea7-b06d-1844631c78a1"> 2. make the cell resizing shadow use the primary color https://github.com/user-attachments/assets/6a9a0c50-d3f5-4600-b60f-59e777060769
concrete-utopia · Jul 18, 2024 · 03f6f0c · 03f6f0c
1 parent 6b55a91
commit 03f6f0c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/editor/src/components/canvas/controls/grid-controls.tsx b/editor/src/components/canvas/controls/grid-controls.tsx
@@ -1135,7 +1135,7 @@ export const GridResizeControls = controlForStrategyMemoized<GridResizeControlPr
             left: bounds?.x ?? element.globalFrame.x,
             width: bounds?.width ?? element.globalFrame.width,
             height: bounds?.height ?? element.globalFrame.height,
-            backgroundColor: isResizing ? colorTheme.whiteOpacity30.value : 'transparent',
+            backgroundColor: isResizing ? colorTheme.primary25.value : 'transparent',
           }}
         >
           <div

diff --git a/editor/src/components/navigator/left-pane/roll-your-own-pane.tsx b/editor/src/components/navigator/left-pane/roll-your-own-pane.tsx
@@ -44,7 +44,7 @@ const defaultRollYourOwnFeatures: RollYourOwnFeatures = {
     adaptiveOpacity: true,
     activeGridColor: '#0099ff77',
     dotgridColor: '#0099ffaa',
-    inactiveGridColor: '#0000000a',
+    inactiveGridColor: '#00000033',
     opacityBaseline: 0.25,
   },
 }