🎉 Sync 2026-08-28 21:44:02

luci-theme-argon/less/cascade.less

@@ -40,7 +40,6 @@
   --gray-dark: #32325d;
   --light: #ced4da;
   --lighter: #e9ecef;
-
   --success: #2dce89;
   --info: #11cdef;
   --warning: #fb6340;
@@ -234,6 +233,7 @@ select[multiple="multiple"] {
 
   &.error {
     background-color: var(--warning);
+    color: var(--yellow);
   }
 
   h4 {
@@ -275,6 +275,31 @@ select[multiple="multiple"] {
   padding: .3rem .6rem;
 }
 
+/* LuCI's ui.js dismisses notification banners by adding the .fade-out
+   class and removing the banner node once a transitionend event fires
+   on it. Without a transitioned opacity on .alert-message the Dismiss
+   button has no visible effect and the banner stays open forever. */
+.alert-message {
+  transition: opacity .4s ease;
+
+  &.fade-out {
+    opacity: 0;
+  }
+
+  &.fade-in {
+    animation: alert-message-fade-in .4s ease;
+  }
+}
+
+@keyframes alert-message-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
 #maincontent > .alert-message {
   position: fixed;
   transform: translate(-50%, -50%);
@@ -486,6 +511,17 @@ body:not([data-page="admin-dashboard"]) {
   }
 }
 
+@media (prefers-color-scheme: dark) {
+  body:not([data-page="admin-dashboard"]) {
+    tr>td,
+    tr>th,
+    .tr>.td,
+    .tr>.th {
+      border-top: thin solid #444 !important;
+    }
+  }
+}
+
 #cbi-wireless .td,
 .table[width="100%"]>.tr:first-child>.td,
 [data-page="admin-network-diagnostics"] .tr>.td,
@@ -2251,7 +2287,6 @@ span[data-tooltip] .label {
   padding: 0.5rem;
   opacity: 0;
   transition: opacity .25s ease-in;
-  transform: translate(-50%, 10%);
 }
 
 .cbi-tooltip-container:hover .cbi-tooltip:not(:empty) {