From 4879d7be04ef812489d9f58322f2d95fadd939e8 Mon Sep 17 00:00:00 2001
From: SpeedPartner <376705740@qq.com>
Date: Mon, 8 May 2023 02:35:19 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A5=E5=85=85=E9=81=97=E6=BC=8F=E7=9A=84le?=
 =?UTF-8?q?ss,=E4=BC=98=E5=8C=96=E4=BA=AE=E8=89=B2=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E4=B8=8B=E6=AF=8F=E7=AC=AC=E4=BA=8C=E8=A1=8C=E7=9A=84=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F=E6=8C=89=E9=92=AE=E7=9A=84=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 htdocs/luci-static/argon/css/cascade.css   |  2 +-
 htdocs/luci-static/argon/less/cascade.less |  2 +-
 htdocs/luci-static/argon/less/dark.less    | 46 ++++++++++++++++------
 3 files changed, 36 insertions(+), 14 deletions(-)

diff --git a/htdocs/luci-static/argon/css/cascade.css b/htdocs/luci-static/argon/css/cascade.css
index 4127e9a4a..a82a17c87 100644
--- a/htdocs/luci-static/argon/css/cascade.css
+++ b/htdocs/luci-static/argon/css/cascade.css
@@ -1749,7 +1749,7 @@ body.lang_pl.node-main-login .cbi-value-title {
 }
 .cbi-rowstyle-2 .cbi-button-up,
 .cbi-rowstyle-2 .cbi-button-down {
-  background-color: #FFF !important;
+  background-color: #ddd;
 }
 .cbi-button-up,
 .cbi-button-down,
diff --git a/htdocs/luci-static/argon/less/cascade.less b/htdocs/luci-static/argon/less/cascade.less
index 2e7bdf6e2..1b2892f8c 100644
--- a/htdocs/luci-static/argon/less/cascade.less
+++ b/htdocs/luci-static/argon/less/cascade.less
@@ -2107,7 +2107,7 @@ body.lang_pl.node-main-login .cbi-value-title {
 
 .cbi-rowstyle-2 .cbi-button-up,
 .cbi-rowstyle-2 .cbi-button-down {
-    background-color: #FFF !important;
+    background-color: #ddd;
 
 }
 
diff --git a/htdocs/luci-static/argon/less/dark.less b/htdocs/luci-static/argon/less/dark.less
index 79d0ce068..f65bdcaa4 100644
--- a/htdocs/luci-static/argon/less/dark.less
+++ b/htdocs/luci-static/argon/less/dark.less
@@ -135,6 +135,17 @@ header::after {
                 }
             }
 
+            /* Uncustomize the bottom line color when hover the main navigation menu tabs (dark mode only) */
+            li.slide {
+                ul {
+                    li {
+                        a::after {
+                            background-color: #cccccc !important;
+                        }
+                    }
+                }
+            }
+
             li {
                 a {
                     color: #cccccc !important;
@@ -179,8 +190,7 @@ h3 {
 a:-webkit-any-link {
     color: -webkit-link;
     cursor: pointer;
-    color: #483d8b;
-    color: var(--dark-primary);
+    color: #8898aa;
 }
 
 
@@ -200,8 +210,7 @@ input:-webkit-autofill {
 
 
 .cbi-section em {
-    color: #483d8b;
-    color: var(--dark-primary);
+    color: #8898aa;
 }
 
 
@@ -310,6 +319,12 @@ table>thead>tr>th {
     background-color: #2c2c2c;
 }
 
+/* Uncustom color of sort button (dark mode only) */
+.cbi-button-up,
+.cbi-button-down {
+    color: #ccc !important;
+}
+
 .cbi-rowstyle-2 .cbi-button-up,
 .cbi-rowstyle-2 .cbi-button-down {
     background-color: #252526 !important;
@@ -322,9 +337,7 @@ table>thead>tr>th {
 }
 
 abbr {
-    color: #483d8b;
-    color: var(--dark-primary);
-
+    color: #8898aa;
 }
 
 div>table>tbody>tr:nth-of-type(2n),
@@ -419,15 +432,15 @@ th h6, td h6 {
     background-color: #252526;
 }
 
-.tabs>li[class~="active"]>a {
+.tabs>li[class~="active"]>a,
+.tabs>li:hover a {
     color: #ccc;
 }
 
 .tabs>li[class~="active"],
 .tabs>li:hover {
-    border-bottom: 0.18751rem solid #483d8b;
-    border-bottom: 0.18751rem solid var(--dark-primary);
-    color: #ccc;
+    border-bottom: .18751rem solid #ccc;
+    color: #ccc !important;
     background-color: #181819;
 }
 
@@ -448,11 +461,16 @@ th h6, td h6 {
     border-bottom: 0px solid #ddd !important;
 }
 
-.cbi-tabmenu li[class~="cbi-tab"] a {
+.cbi-tabmenu>li[class~="cbi-tab"] a {
     color: #ccc;
 }
 
+.cbi-tabmenu>li[class~="cbi-tab"] {
+    border-bottom: 0.18751rem solid #ccc;
+}
+
 .cbi-tabmenu>li:hover {
+    border-bottom: 0.18751rem solid #ccc;
     color: #ccc;
     background: #2d2d2d;
 }
@@ -461,6 +479,10 @@ th h6, td h6 {
     background-color: #181819;
 }
 
+.cbi-tab-descr {
+    color: #ccc;
+}
+
 .cbi-tabcontainer>.cbi-value:nth-of-type(2n),
 .cbi-tabcontainer>.cbi-value:nth-of-type(2n)>textarea {
     background-color: #252526;