From b28d818c869234677932c1153a244a3804833c26 Mon Sep 17 00:00:00 2001
From: the-djmaze <>
Date: Thu, 29 Sep 2022 22:40:50 +0200
Subject: [PATCH] Added CSS `--border-color` for better styling

---
 dev/Styles/Admin/Config.less                     | 4 ++++
 dev/Styles/Admin/Domain.less                     | 2 +-
 dev/Styles/Main.less                             | 4 ++--
 dev/Styles/_BootstrapFix.less                    | 2 +-
 snappymail/v/0.0.0/themes/SquaresDark/styles.css | 7 +------
 snappymail/v/0.0.0/themes/example.css            | 1 +
 vendors/bootstrap/less/variables.less            | 2 +-
 7 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/dev/Styles/Admin/Config.less b/dev/Styles/Admin/Config.less
index 68283efa6..c038497ec 100644
--- a/dev/Styles/Admin/Config.less
+++ b/dev/Styles/Admin/Config.less
@@ -5,4 +5,8 @@
 	em {
 		display: block;
 	}
+
+	th {
+		background: rgba(128,128,128,0.3);
+	}
 }
diff --git a/dev/Styles/Admin/Domain.less b/dev/Styles/Admin/Domain.less
index 268e90d67..540b3ceeb 100644
--- a/dev/Styles/Admin/Domain.less
+++ b/dev/Styles/Admin/Domain.less
@@ -30,7 +30,7 @@
 
 	.tab-content {
 		grid-column-end: 5;
-		border: 1px solid #ddd;
+		border: 1px solid var(--border-color, #ddd);
 		padding: 10px;
 	}
 }
diff --git a/dev/Styles/Main.less b/dev/Styles/Main.less
index b23555de0..873b26b78 100644
--- a/dev/Styles/Main.less
+++ b/dev/Styles/Main.less
@@ -88,7 +88,7 @@ dialog:not(.animate) {
 
 dialog > header {
 	padding: 9px 15px;
-	border-bottom: 1px solid #eee;
+	border-bottom: 1px solid var(--border-color, #ddd);
 
 	// Close icon
 	.close {
@@ -115,7 +115,7 @@ dialog > footer {
 	padding: 14px 15px 15px;
 	margin-bottom: 0;
 	text-align: right; // right align buttons
-	border-top: 1px solid #ddd;
+	border-top: 1px solid var(--border-color, #ddd);
 	border-radius: 0 0 6px 6px;
 
 	// Properly space out buttons
diff --git a/dev/Styles/_BootstrapFix.less b/dev/Styles/_BootstrapFix.less
index e2c0b51d1..b7ecb2be4 100644
--- a/dev/Styles/_BootstrapFix.less
+++ b/dev/Styles/_BootstrapFix.less
@@ -8,7 +8,7 @@
 	line-height: @baseLineHeight * 1.5;
 	color: @grayDark;
 	border: 0;
-	border-bottom: 1px solid @dropdownDividerTop;
+	border-bottom: 1px solid var(--border-color, #ddd);
 }
 summary.legend {
 	display: list-item;
diff --git a/snappymail/v/0.0.0/themes/SquaresDark/styles.css b/snappymail/v/0.0.0/themes/SquaresDark/styles.css
index fca5157b3..7270b1319 100644
--- a/snappymail/v/0.0.0/themes/SquaresDark/styles.css
+++ b/snappymail/v/0.0.0/themes/SquaresDark/styles.css
@@ -4,6 +4,7 @@
 	--main-color: #fff;
 	--main-bg-color: #48525C;
 	--main-bg-image: url("images/background.jpg");
+	--border-color: #555;
 
 	/* LOADING */
 	--loading-color: #ddd;
@@ -94,12 +95,6 @@
 	color: var(--main-color);
 }
 
-.legend,
-dialog header, dialog footer,
-.table td, .table th {
-	border-color: #555 !important;
-}
-
 .legend,
 .messageView #messageItem {
 	color: var(--main-color);
diff --git a/snappymail/v/0.0.0/themes/example.css b/snappymail/v/0.0.0/themes/example.css
index 8e1cd8975..9f424091c 100644
--- a/snappymail/v/0.0.0/themes/example.css
+++ b/snappymail/v/0.0.0/themes/example.css
@@ -7,6 +7,7 @@
 	--main-bg-size: auto;
 	--main-bg-repeat: repeat;
 	--link-color: #369;
+	--border-color: #ddd;
 
 /* LOADING */
 	--loading-color: #000;
diff --git a/vendors/bootstrap/less/variables.less b/vendors/bootstrap/less/variables.less
index 2feeafcf0..6d2df90a2 100644
--- a/vendors/bootstrap/less/variables.less
+++ b/vendors/bootstrap/less/variables.less
@@ -38,7 +38,7 @@
 @tableBackground:                   transparent; // overall background-color
 @tableBackgroundAccent:             #f9f9f9; // for striping
 @tableBackgroundHover:              #f5f5f5; // for hover
-@tableBorder:                       #ddd; // table and cell border
+@tableBorder:                       var(--border-color, #ddd); // table and cell border
 
 
 // Buttons