From 100bcaddfc101661c786bc40476ec68d69e965eb Mon Sep 17 00:00:00 2001
From: prssanna <prssud@gmail.com>
Date: Tue, 17 Nov 2020 13:35:22 +0530
Subject: [PATCH] fix: darker border color for tables

---
 frappe/public/scss/desk/css_variables.scss    | 1 +
 frappe/public/scss/desk/dark.scss             | 1 +
 frappe/public/scss/desk/frappe_datatable.scss | 2 +-
 frappe/public/scss/desk/grid.scss             | 4 ++--
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frappe/public/scss/desk/css_variables.scss b/frappe/public/scss/desk/css_variables.scss
index 0fb0a8847b..175ad53f6a 100644
--- a/frappe/public/scss/desk/css_variables.scss
+++ b/frappe/public/scss/desk/css_variables.scss
@@ -186,6 +186,7 @@
 	--shadow-inset: inset 0px -1px 0px var(--gray-300);
 	--border-color: var(--gray-100);
 	--dark-border-color: var(--gray-300);
+	--table-border-color: var(--gray-200);
 	--highlight-color: var(--gray-50);
 	--yellow-highlight-color: var(--yellow-50);
 
diff --git a/frappe/public/scss/desk/dark.scss b/frappe/public/scss/desk/dark.scss
index f650403149..792c569521 100644
--- a/frappe/public/scss/desk/dark.scss
+++ b/frappe/public/scss/desk/dark.scss
@@ -55,6 +55,7 @@
 	--shadow-inset: var(--fg-color);
 	--border-color: var(--gray-700);
 	--dark-border-color: var(--gray-600);
+	--table-border-color: var(--gray-600);
 	--highlight-color: var(--gray-700);
 	--yellow-highlight-color: var(--yellow-700);
 
diff --git a/frappe/public/scss/desk/frappe_datatable.scss b/frappe/public/scss/desk/frappe_datatable.scss
index 594bda7009..da93ec3e9d 100644
--- a/frappe/public/scss/desk/frappe_datatable.scss
+++ b/frappe/public/scss/desk/frappe_datatable.scss
@@ -11,7 +11,7 @@
 	--dt-spacer-3: 1rem;
 	--dt-border-radius: var(--border-radius);
 	--dt-cell-bg: var(--fg-color);
-	--dt-border-color: var(--border-color);
+	--dt-border-color: var(--table-border-color);
 	--dt-border-radius: var(--border-radius);
 	--dt-header-cell-bg: var(--fg-color);
 	--dt-selection-highlight-color: var(--highlight-color);
diff --git a/frappe/public/scss/desk/grid.scss b/frappe/public/scss/desk/grid.scss
index 62ce749022..521892a3a9 100644
--- a/frappe/public/scss/desk/grid.scss
+++ b/frappe/public/scss/desk/grid.scss
@@ -1,5 +1,5 @@
 .form-grid {
-	border: 1px solid var(--border-color);
+	border: 1px solid var(--table-border-color);
 	border-radius: var(--border-radius);
 	color: var(--text-color);
 }
@@ -118,7 +118,7 @@
 	.col {
 		padding-left: var(--padding-sm);
 		padding-right: var(--padding-sm);
-		border-right: 1px solid var(--border-color);
+		border-right: 1px solid var(--table-border-color);
 		// overflow: hidden;
 	}
 }