From 27945e0593a6e539be51821ab5d3e84fa6b93449 Mon Sep 17 00:00:00 2001
From: SpeedPartner <376705740@qq.com>
Date: Wed, 17 May 2023 04:07:51 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=BD=E5=8A=A0:=E5=9C=A8=20[=E6=9A=97?=
 =?UTF-8?q?=E8=89=B2=E6=A8=A1=E5=BC=8F]=20=E4=B8=8B,=E4=B8=BA=20[=E5=B7=A6?=
 =?UTF-8?q?=E4=BE=A7=E5=AF=BC=E8=88=AA=E4=B8=BB=E8=8F=9C=E5=8D=95=E9=80=89?=
 =?UTF-8?q?=E9=A1=B9=E5=8D=A1]=20=E5=9C=A8=20=E6=8C=87=E9=92=88=E6=82=AC?=
 =?UTF-8?q?=E6=B5=AE=E6=97=B6[hover]=20&=20=E9=80=89=E4=B8=AD=E6=97=B6[act?=
 =?UTF-8?q?ive],=E6=B7=BB=E5=8A=A0=E8=BE=B9=E6=A1=86=E5=92=8C=E7=BA=BF?=
 =?UTF-8?q?=E6=9D=A1=E7=9A=84=E9=98=B4=E5=BD=B1=20-=E6=B8=85=E7=90=86?=
 =?UTF-8?q?=E5=A4=9A=E4=BD=99=E4=BB=A3=E7=A0=81?=
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/css/dark.css      | 16 +++++-------
 htdocs/luci-static/argon/less/cascade.less |  2 ++
 htdocs/luci-static/argon/less/dark.less    | 30 ++++++++++++----------
 4 files changed, 27 insertions(+), 23 deletions(-)

diff --git a/htdocs/luci-static/argon/css/cascade.css b/htdocs/luci-static/argon/css/cascade.css
index ba594607..fa432d1a 100644
--- a/htdocs/luci-static/argon/css/cascade.css
+++ b/htdocs/luci-static/argon/css/cascade.css
@@ -683,6 +683,7 @@ footer a {
   color: #fff;
   background: #5e72e4;
   background: var(--primary);
+  box-shadow: 0 0 1px #ccc;
 }
 .main .main-left .nav li.slide .menu:hover a,
 .main .main-left .nav li.slide .menu.active a {
@@ -774,6 +775,7 @@ footer a {
   background-color: #5e72e4;
   background-color: var(--primary);
   transition: all 0.2s;
+  box-shadow: 0 0 1px #ccc;
 }
 .main .main-left .nav li.slide .slide-menu li a:hover::after {
   color: #000;
diff --git a/htdocs/luci-static/argon/css/dark.css b/htdocs/luci-static/argon/css/dark.css
index a646015c..5d0ae1cc 100644
--- a/htdocs/luci-static/argon/css/dark.css
+++ b/htdocs/luci-static/argon/css/dark.css
@@ -68,27 +68,25 @@ header::after {
   color: #fff !important;
 }
 
-.main .main-left .nav .slide .slide-menu a::after,
-.main .main-left .nav .slide .slide-menu .active a::after {
-  background-color: var(--dark-primary) !important;
-}
-
 .main .main-left .nav .slide .slide-menu li a {
   color: #cccccc;
 }
 
+.main .main-left .nav .slide .slide-menu li a::after {
+  background-color: var(--dark-primary) !important;
+  box-shadow: 0 0 1px #000  !important;
+}
+
 .main .main-left .nav .slide .slide-menu li a:hover {
   background: none !important;
 }
 
+.main .main-left .nav .slide .menu:hover,
 .main .main-left .nav .slide .menu.active {
   background-color: #483d8b !important;
   background-color: var(--dark-primary) !important;
   color: #fff !important;
-}
-
-.main .main-left .nav .slide .menu.active a::after {
-  background-color: #cccccc !important;
+  box-shadow: 0 0 1px #000 !important;
 }
 
 .main .main-left .nav li a {
diff --git a/htdocs/luci-static/argon/less/cascade.less b/htdocs/luci-static/argon/less/cascade.less
index 2a0d6b2d..ae68682a 100644
--- a/htdocs/luci-static/argon/less/cascade.less
+++ b/htdocs/luci-static/argon/less/cascade.less
@@ -799,6 +799,7 @@ footer {
                             color: #fff;
                             background: #5e72e4;
                             background: var(--primary);
+                            box-shadow: 0 0 1px #ccc;
 
                             a {
                                 color: #000;
@@ -913,6 +914,7 @@ footer {
                                     background-color: #5e72e4;
                                     background-color: var(--primary);
                                     transition: all 0.2s;
+                                    box-shadow: 0 0 1px #ccc;
                                 }
 
                                 &:hover::after {
diff --git a/htdocs/luci-static/argon/less/dark.less b/htdocs/luci-static/argon/less/dark.less
index a4586427..ebf15de5 100644
--- a/htdocs/luci-static/argon/less/dark.less
+++ b/htdocs/luci-static/argon/less/dark.less
@@ -111,10 +111,6 @@ header::after {
             .slide {
                 .slide-menu {
 
-                    a::after {
-                        background-color: var(--dark-primary) !important;
-                    }
-
                     .active {
                         a {
                             color: #fff !important;
@@ -128,21 +124,27 @@ header::after {
                     li {
                         a {
                             color: #cccccc;
-                        }
 
-                        a:hover {
-                            background: none !important;
+                            &:hover {
+                                background: none !important;
+                            }
+
+                            &::after {
+                                background-color: var(--dark-primary) !important;
+                                box-shadow: 0 0 1px #000  !important;
+                            }
+
                         }
                     }
                 }
 
-                .menu.active {
-                    background-color: #483d8b !important;
-                    background-color: var(--dark-primary) !important;
-                    color: #fff !important;
-
-                    a::after {
-                        background-color: #cccccc !important;
+                .menu {
+                    &:hover,
+                    &.active {
+                        background-color: #483d8b !important;
+                        background-color: var(--dark-primary) !important;
+                        color: #fff !important;
+                        box-shadow: 0 0 1px #000 !important;
                     }
                 }
             }