From 2d684465cbd51e3b421ef5357b3f4c049fe9d9a8 Mon Sep 17 00:00:00 2001
From: RD WebDesign <github@rdwebdesign.com.br>
Date: Thu, 23 Jan 2025 21:25:38 -0300
Subject: [PATCH] Use CSS properties to define colors for each theme

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
---
 style/themes/default-dark.css       |  6 ++++++
 style/themes/default-darker.css     |  6 ++++++
 style/themes/high-contrast-dark.css |  9 +++++----
 style/themes/high-contrast.css      |  9 +++++----
 style/themes/lcars.css              | 22 ++++++----------------
 5 files changed, 28 insertions(+), 24 deletions(-)

diff --git a/style/themes/default-dark.css b/style/themes/default-dark.css
index b488ab5bc..624758064 100644
--- a/style/themes/default-dark.css
+++ b/style/themes/default-dark.css
@@ -11,6 +11,12 @@
 :root {
   --datatable-bgcolor: rgba(64, 76, 88, 0.8);
   --overlay-bgcolor: var(--datatable-bgcolor);
+
+  /* Dashboard graphic bars */
+  --allowed-color: #12b660;
+  --blocked-color: #822d21;
+  --cached-color: #44649c;
+  --other-color: #969798;
 }
 
 /* fix #2554: browser not detecting dark mode */
diff --git a/style/themes/default-darker.css b/style/themes/default-darker.css
index cc2363abb..709ccfacd 100644
--- a/style/themes/default-darker.css
+++ b/style/themes/default-darker.css
@@ -110,6 +110,12 @@ select:-webkit-autofill {
   --darkreader-selection-text: #e8e6e3;
   --datatable-bgcolor: rgb(35, 47, 52);
   --overlay-bgcolor: rgba(35, 47, 52, 0.7);
+
+  /* Dashboard graphic bars */
+  --allowed-color: #12b660;
+  --blocked-color: #822d21;
+  --cached-color: #44649c;
+  --other-color: #969798;
 }
 
 /* Modified CSS */
diff --git a/style/themes/high-contrast-dark.css b/style/themes/high-contrast-dark.css
index 66d808e39..faede82a0 100644
--- a/style/themes/high-contrast-dark.css
+++ b/style/themes/high-contrast-dark.css
@@ -25,10 +25,11 @@
   --network-older: #182840;
   --network-never: #182028;
 
-  --allowed-color: var(--primary-color);
-  --blocked-color: var(--danger-color);
-  --cached-color: #a86600;
-  --other-color: #0077a6;
+  /* Dashboard graphic bars */
+  --allowed-color: #12b660;
+  --blocked-color: #822d21;
+  --cached-color: #44649c;
+  --other-color: #969798;
 
   --datatable-bgcolor: rgba(18, 44, 68, 0.3);
   --overlay-bgcolor: rgba(24, 28, 32, 0.8);
diff --git a/style/themes/high-contrast.css b/style/themes/high-contrast.css
index e6ddb96fb..ab537b450 100644
--- a/style/themes/high-contrast.css
+++ b/style/themes/high-contrast.css
@@ -23,10 +23,11 @@
   --network-older: #cce6fe;
   --network-never: #ffca98;
 
-  --allowed-color: #3c7;
-  --blocked-color: var(--danger-color);
-  --cached-color: var(--primary-color);
-  --other-color: #0077a6;
+  /* Dashboard graphic bars colors */
+  --allowed-color: #009960;
+  --blocked-color: #b00000;
+  --cached-color: #acf;
+  --other-color: #908878;
 
   --overlay-bgcolor: rgba(255, 255, 255, 0.8);
 }
diff --git a/style/themes/lcars.css b/style/themes/lcars.css
index 9b0306f42..bdead2245 100644
--- a/style/themes/lcars.css
+++ b/style/themes/lcars.css
@@ -11,6 +11,12 @@
   --net-old-color: #125;
   --net-older-color: #1c2228;
   --datatable-bgcolor: var(--net-old-color);
+
+  /* Dashboard graphic bars */
+  --allowed-color: #073;
+  --blocked-color: #d43;
+  --cached-color: #7bf;
+  --other-color: #eca;
 }
 
 .sidebar-collapse {
@@ -2005,22 +2011,6 @@ input[type="password"]::-webkit-caps-lock-indicator {
   background-color: #48f;
 }
 
-.queries-permitted {
-  background-color: rgb(0, 133, 72);
-}
-
-.queries-blocked {
-  background-color: rgb(196, 50, 50);
-}
-
-.queries-cached {
-  background-color: rgb(37, 88, 64);
-}
-
-.queries-other {
-  background-color: #0077a6;
-}
-
 /*--- Used in the Query Log table ---*/
 .text-black {
   color: #000 !important;