fix(calc): Improve grid colors in dark mode

Signed-off-by: Julius Härtl <jus@bitgrid.net> Change-Id: Ie379efb16f5e82de8d53203b88fdccad15e8da37
CollaboraOnline · Nov 22, 2024 · 57bb7df · 57bb7df
1 parent b872229
commit 57bb7df
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/browser/css/color-palette-dark.css b/browser/css/color-palette-dark.css
@@ -50,6 +50,8 @@
 	--color-box-shadow: rgba(0, 0, 0, 0.5);
 	--color-hyperlink: #1d99f3;
 
+	--color-calc-grid: #474747;
+
 	--color-grid-helper-line-solid: #e6e6e6;
 	--color-grid-helper-line-dashed: #191919;
 	--color-smart-guides-helper-line: #f36d4f;

diff --git a/browser/css/color-palette.css b/browser/css/color-palette.css
@@ -50,6 +50,8 @@
 	--color-box-shadow: rgba(77, 77, 77, 0.5);
 	--color-hyperlink: #000080;
 
+	--color-calc-grid: #c0c0c0;
+
 	--color-grid-helper-line-solid: #e6e6e6;
 	--color-grid-helper-line-dashed: #191919;
 	--color-smart-guides-helper-line: #f36d4f;

diff --git a/browser/src/canvas/sections/CalcGridSection.ts b/browser/src/canvas/sections/CalcGridSection.ts
@@ -24,7 +24,7 @@ class CalcGridSection extends app.definitions.canvasSectionObject {
         this.boundToSection = 'tiles';
         this.sectionProperties = {
             docLayer: app.map._docLayer,
-            strokeStyle: '#c0c0c0',
+            strokeStyle: getComputedStyle(document.body).getPropertyValue('--color-calc-grid'),
 			tsManager: null
         };
 	}