From fe0c13424ad776b6cb63f07943421f6b09990d3b Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Mon, 12 Dec 2022 16:30:00 +0300
Subject: [PATCH] Remove blue borders in light themed tables (#6734)

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/table/table-head.scss | 8 ++------
 src/renderer/themes/lens-dark.ts              | 2 --
 src/renderer/themes/lens-light.ts             | 2 --
 src/renderer/themes/theme-vars.css            | 4 +---
 4 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/src/renderer/components/table/table-head.scss b/src/renderer/components/table/table-head.scss
index 381fb68b9c..ff9c6afec7 100644
--- a/src/renderer/components/table/table-head.scss
+++ b/src/renderer/components/table/table-head.scss
@@ -4,18 +4,14 @@
  */
 
 .TableHead {
-  $border: 1px solid var(--tableHeaderBorderColor);
-
   background-color: var(--tableHeaderBackground);
-  border-bottom-width: var(--tableHeaderBorderWidth);
-  border-bottom-style: solid;
-  border-bottom-color: var(--tableHeaderBorderColor);
+  border-bottom: 1px solid var(--borderFaintColor);
   color: var(--tableHeaderColor);
   display: flex;
   flex-shrink: 0;
 
   &.topLine {
-    border-top: $border;
+    border-top: 1px solid var(--borderFaintColor);
   }
 
   &.sticky {
diff --git a/src/renderer/themes/lens-dark.ts b/src/renderer/themes/lens-dark.ts
index da4d9dc0c9..8eea180e86 100644
--- a/src/renderer/themes/lens-dark.ts
+++ b/src/renderer/themes/lens-dark.ts
@@ -45,8 +45,6 @@ const lensDarkTheme: LensTheme = {
     "tableBgcStripe": "#2a2d33",
     "tableBgcSelected": "#383c42",
     "tableHeaderBackground": "#262b2f",
-    "tableHeaderBorderWidth": "1px",
-    "tableHeaderBorderColor": "#36393e",
     "tableHeaderColor": "#ffffff",
     "tableSelectedRowColor": "#ffffff",
     "helmLogoBackground": "#ffffff",
diff --git a/src/renderer/themes/lens-light.ts b/src/renderer/themes/lens-light.ts
index f7fcbc23e2..70951b896c 100644
--- a/src/renderer/themes/lens-light.ts
+++ b/src/renderer/themes/lens-light.ts
@@ -44,8 +44,6 @@ const lensLightTheme: LensTheme = {
     "tableBgcStripe": "#f8f8f8",
     "tableBgcSelected": "#f4f5f5",
     "tableHeaderBackground": "#f1f1f1",
-    "tableHeaderBorderWidth": "2px",
-    "tableHeaderBorderColor": "#3d90ce",
     "tableHeaderColor": "#555555",
     "tableSelectedRowColor": "#222222",
     "helmLogoBackground": "#ffffff",
diff --git a/src/renderer/themes/theme-vars.css b/src/renderer/themes/theme-vars.css
index 5c0c275bca..ab117246e6 100644
--- a/src/renderer/themes/theme-vars.css
+++ b/src/renderer/themes/theme-vars.css
@@ -1,5 +1,5 @@
 
-/* 
+/*
     Generated Lens theme CSS-variables, don't edit manually.
     To refresh file run $: yarn run ts-node build/build_theme_vars.ts
 */
@@ -38,8 +38,6 @@
 --tableBgcStripe: #2a2d33;
 --tableBgcSelected: #383c42;
 --tableHeaderBackground: #262b2f;
---tableHeaderBorderWidth: 1px;
---tableHeaderBorderColor: #36393e;
 --tableHeaderColor: #ffffff;
 --tableSelectedRowColor: #ffffff;
 --helmLogoBackground: #ffffff;