🌈 Sync 2026-09-24 15:19:50

luci-theme-argon/less/cascade.less

@@ -38,7 +38,6 @@
   --white: #fff;
   --gray: #8898aa;
   --gray-dark: #32325d;
-  --light: #ced4da;
   --lighter: #e9ecef;
   --success: #2dce89;
   --info: #11cdef;
@@ -48,7 +47,6 @@
   --light: #adb5bd;
   --dark: #212529;
   --default: #172b4d;
-  --white: #fff;
   --darker: black;
   --background-color: #f4f5f7;
   --login-form-bg-color: rgba(244, 245, 247, 0.8);
@@ -60,6 +58,30 @@
   --dropdown-arrow-icon: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik01LjI5MyA5LjI5M2ExIDEgMCAwIDEgMS40MTQgMEwxMiAxNC41ODZsNS4yOTMtNS4yOTNhMSAxIDAgMSAxIDEuNDE0IDEuNDE0bC02IDZhMSAxIDAgMCAxLTEuNDE0IDBsLTYtNmExIDEgMCAwIDEgMC0xLjQxNCIvPjwvc3ZnPg==");
 }
 
+.visually-hidden {
+  position: absolute !important;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .main-left,
+  .main-right,
+  .main-bg,
+  .darkMask,
+  .login-page .input-group input,
+  .login-page .input-group .border {
+    transition-duration: 0.01ms !important;
+    animation-duration: 0.01ms !important;
+  }
+}
+
 /*
  *  Include base and custom css
  */

luci-theme-argon/less/layout.less

@@ -500,6 +500,14 @@ header {
                     display: none;
                     font-size: 1.4rem;
                     color: #fff;
+                    border: 0 !important; // Override the dark theme's global button border.
+                    background: none;
+                    cursor: pointer;
+
+                    &:focus-visible {
+                        outline: 2px solid currentColor;
+                        outline-offset: 3px;
+                    }
 
                     &:hover {
                         text-decoration: none;
@@ -607,4 +615,4 @@ footer {
         gap: 0.875rem;
 
     }
-}
+}

luci-theme-argon/less/sysauth.less

@@ -45,7 +45,8 @@
 
         video {
             width: 100%;
-            height: auto;
+            height: 100%;
+            object-fit: cover;
         }
     }
 
@@ -58,8 +59,14 @@
         height: 1.5rem;
         z-index: 5000;
         cursor: pointer;
+        border: 0 !important; // Override the dark theme's global button border.
         background: url(../img/volume_high.svg) no-repeat center/contain;
 
+        &:focus-visible {
+            outline: 2px solid var(--primary);
+            outline-offset: 4px;
+        }
+
         &.mute {
             background-image: url(../img/volume_off.svg);
         }
@@ -70,6 +77,13 @@
         .absolute-full();
         background: url(../img/blank.png) no-repeat center/cover;
         transition: all 0.5s ease;
+
+        img {
+            display: block;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
     }
 
     // Login container
@@ -187,6 +201,11 @@
                         box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05);
                         transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 
+                        &:focus-visible {
+                            outline: 2px solid var(--primary);
+                            outline-offset: 2px;
+                        }
+
                         &:focus+.border {
                             transform: scaleX(1);
                         }
@@ -227,10 +246,19 @@
                 box-shadow: rgba(0, 0, 0, 0.1) 0 0 50px 0;
                 transition: all 0.3s ease !important;
 
+                @media (prefers-reduced-motion: reduce) {
+                    transition-duration: 0.01ms !important;
+                }
+
                 &:hover,
                 &:focus {
                     opacity: 0.9;
                 }
+
+                &:focus-visible {
+                    outline: 2px solid var(--default);
+                    outline-offset: 3px;
+                }
             }
         }
 
@@ -249,12 +277,6 @@
             line-height: 1.6rem;
             font-size: 0.75rem;
 
-            .ftc {
-                position: absolute;
-                bottom: 30px;
-                width: 100%;
-            }
-
             .luci-link {
                 display: block;
             }