回退;暗色模式下,[子菜单选项卡] 底部线条颜色继续对 [暗色模式]主色调生效

-更改[子菜单选项卡]在指针悬浮时 & 选中时的背景颜色为#3c3c3c(深灰色) -更改[子菜单选项卡]在指针悬浮时 & 选中时的字体颜色为#fff(白色)
jerrykuku · May 8, 2023 · 24a0b95 · 24a0b95
1 parent 1b1853e
commit 24a0b95
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 63 deletions.
diff --git a/htdocs/luci-static/argon/css/dark.css b/htdocs/luci-static/argon/css/dark.css
@@ -354,26 +354,26 @@ th h6, td h6 {
   background-color: #252526;
 }
 
-.tabs>li[class~="active"]>a,
-.tabs>li:hover a {
-  color: #ccc;
-}
-
+.tabs>li:hover,
 .tabs>li[class~="active"],
-.tabs>li:hover {
-  border-bottom: .18751rem solid #ccc;
-  color: #ccc !important;
-  background-color: #181819;
+.cbi-tabmenu>li:hover,
+.cbi-tabmenu>li[class~="cbi-tab"] {
+  border-bottom: .18751rem solid var(--dark-primary);
+  background-color: #3c3c3c;
 }
 
-.cbi-tabmenu>li>a,
-.tabs>li>a {
+.tabs>li>a,
+.cbi-tabmenu>li>a {
   color: #ccc !important;
 }
 
 .cbi-tabmenu>li>a:hover,
-.tabs>li>a:hover {
-  color: #ccc;
+.cbi-tabmenu>li:hover>a,
+.cbi-tabmenu>.cbi-tab>a,
+.tabs>li>a:hover,
+.tabs>li:hover>a,
+.tabs>li[class~="active"]>a {
+  color: #fff !important;
 }
 
 .cbi-tabmenu>li {
@@ -384,24 +384,6 @@ th h6, td h6 {
   border-bottom: 0 solid #ddd !important;
 }
 
-.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;
-}
-
-.cbi-tabmenu>li[class~="cbi-tab"] {
-  background-color: #181819;
-}
-
 .cbi-tab-descr {
   color: #ccc;
 }

diff --git a/htdocs/luci-static/argon/less/dark.less b/htdocs/luci-static/argon/less/dark.less
@@ -426,25 +426,26 @@ th h6, td h6 {
     background-color: #252526;
 }
 
-.tabs>li[class~="active"]>a,
-.tabs>li:hover a {
-    color: #ccc;
+.tabs>li:hover,
+.tabs>li[class~="active"],
+.cbi-tabmenu>li:hover,
+.cbi-tabmenu>li[class~="cbi-tab"] {
+    border-bottom: .18751rem solid var(--dark-primary);
+    background-color: #3c3c3c;
 }
 
-.tabs>li[class~="active"],
-.tabs>li:hover {
-    border-bottom: .18751rem solid #ccc;
+.tabs>li>a,
+.cbi-tabmenu>li>a {
     color: #ccc !important;
-    background-color: #181819;
 }
 
-.cbi-tabmenu>li>a,
-.tabs>li>a {
-    color: #ccc;
-
-    &:hover {
-        color: #ccc;
-    }
+.cbi-tabmenu>li>a:hover,
+.cbi-tabmenu>li:hover>a,
+.cbi-tabmenu>.cbi-tab>a,
+.tabs>li>a:hover,
+.tabs>li:hover>a,
+.tabs>li[class~="active"]>a {
+    color: #fff !important;
 }
 
 .cbi-tabmenu>li {
@@ -455,24 +456,6 @@ th h6, td h6 {
     border-bottom: 0px solid #ddd !important;
 }
 
-.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;
-}
-
-.cbi-tabmenu>li[class~="cbi-tab"] {
-    background-color: #181819;
-}
-
 .cbi-tab-descr {
     color: #ccc;
 }