补充遗漏的less,优化亮色模式下每第二行的排序按钮的颜色

jerrykuku · May 7, 2023 · 4879d7b · 4879d7b
1 parent 142e968
commit 4879d7b
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 14 deletions.
diff --git 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
@@ -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
@@ -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;