From 2ddc03f78862c00821a13f451638fb56498371ce Mon Sep 17 00:00:00 2001
From: Jim Nielsen <jimniels@gmail.com>
Date: Thu, 6 Jul 2023 12:49:36 -1000
Subject: [PATCH] tweaks (#596)

Co-authored-by: Hactar <6060305+HactarCE@users.noreply.github.com>
---
 src/gridGL/UI/gridHeadings/GridHeadings.ts | 6 +++---
 src/theme/colors.ts                        | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/gridGL/UI/gridHeadings/GridHeadings.ts b/src/gridGL/UI/gridHeadings/GridHeadings.ts
index 15be7616d3..ce55864faf 100644
--- a/src/gridGL/UI/gridHeadings/GridHeadings.ts
+++ b/src/gridGL/UI/gridHeadings/GridHeadings.ts
@@ -165,7 +165,7 @@ export class GridHeadings extends Container {
     for (let x = leftOffset; x <= rightOffset; x += currentWidth) {
       currentWidth = gridOffsets.getColumnWidth(column);
       if (gridAlpha !== 0) {
-        this.headingsGraphics.lineStyle(1, colors.cursorCell, 0.25 * gridAlpha, 0.5, true);
+        this.headingsGraphics.lineStyle(1, colors.gridHeadingBorder, 0.5 * gridAlpha, 0.5, true);
         this.headingsGraphics.moveTo(x, bounds.top);
         this.headingsGraphics.lineTo(x, bounds.top + cellHeight);
         this.gridLinesColumns.push({ column: column - 1, x, width: gridOffsets.getColumnWidth(column - 1) });
@@ -281,7 +281,7 @@ export class GridHeadings extends Container {
     for (let y = topOffset; y <= bottomOffset; y += currentHeight) {
       currentHeight = gridOffsets.getRowHeight(row);
       if (gridAlpha !== 0) {
-        this.headingsGraphics.lineStyle(1, colors.cursorCell, 0.25 * gridAlpha, 0.5, true);
+        this.headingsGraphics.lineStyle(1, colors.gridHeadingBorder, 0.5 * gridAlpha, 0.5, true);
         this.headingsGraphics.moveTo(bounds.left, y);
         this.headingsGraphics.lineTo(bounds.left + this.rowWidth, y);
         this.gridLinesRows.push({ row: row - 1, y, height: gridOffsets.getRowHeight(row - 1) });
@@ -345,7 +345,7 @@ export class GridHeadings extends Container {
     const { viewport } = this.app;
     const cellHeight = CELL_HEIGHT / viewport.scale.x;
     const bounds = viewport.getVisibleBounds();
-    this.headingsGraphics.lineStyle(1, colors.cursorCell, 0.25, 0.5, true);
+    this.headingsGraphics.lineStyle(1, colors.gridHeadingBorder, 1, 0.5, true);
     this.headingsGraphics.moveTo(bounds.left + this.rowWidth, viewport.top);
     this.headingsGraphics.lineTo(bounds.left + this.rowWidth, viewport.bottom);
     this.headingsGraphics.moveTo(bounds.left, bounds.top + cellHeight);
diff --git a/src/theme/colors.ts b/src/theme/colors.ts
index 184ec7928a..ff6978d079 100644
--- a/src/theme/colors.ts
+++ b/src/theme/colors.ts
@@ -16,6 +16,7 @@ export const colors = {
   boxCellsDeleteColor: Number(`0x${red['400'].replace('#', '')}`),
   boxCellsColor: 0x6cd4ff,
   boxCellsAlpha: 0.333,
+  gridHeadingBorder: 0xcfd7de,
   defaultBorderColor: 0,
   lightGray: '#f6f8fa',
   mediumGray: '#cfd7de',