From 03f6f0c90badff4b319f12c295e64631cf2269d8 Mon Sep 17 00:00:00 2001
From: Federico Ruggi <1081051+ruggi@users.noreply.github.com>
Date: Thu, 18 Jul 2024 12:50:30 +0200
Subject: [PATCH] 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
---
 editor/src/components/canvas/controls/grid-controls.tsx         | 2 +-
 .../src/components/navigator/left-pane/roll-your-own-pane.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/editor/src/components/canvas/controls/grid-controls.tsx b/editor/src/components/canvas/controls/grid-controls.tsx
index 3f3d2bc12240..745e036cab1b 100644
--- 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
index 8183caace18c..279142f1535d 100644
--- 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,
   },
 }