🚀 Sync 2026-05-14 20:40:35

luci-theme-teleofis/htdocs/luci-static/teleofis/cascade.css

@@ -2561,3 +2561,7 @@ html body.apply-overlay-active {
 .assoclist .td:nth-of-type(6) button {
 	word-break: normal;
 }
+
+img[src*="signal-0"] {
+    filter: sepia(1) saturate(8) hue-rotate(315deg) brightness(0.65) contrast(1.1);
+}

luci-theme-teleofis/htdocs/luci-static/teleofis/checkbox.css

@@ -0,0 +1,65 @@
+/* Custom checkbox and radio styles for teleofis theme */
+input[type="checkbox"],
+input[type="radio"] {
+    appearance: none;
+    -webkit-appearance: none;
+    width: 14px;
+    height: 14px;
+    border: 1px solid #ccc;
+    background: #fff;
+    position: relative;
+    cursor: pointer;
+    vertical-align: middle;
+}
+
+input[type="checkbox"] {
+    border-radius: 2px;
+}
+
+input[type="checkbox"]:checked {
+    background-color: #660000;
+    border-color: #660000;
+}
+
+input[type="checkbox"]:checked::before {
+    content: "✓";
+    position: absolute;
+    color: white;
+    font-size: 12px;
+    font-weight: bold;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+input[type="radio"] {
+    border-radius: 50%;
+}
+
+input[type="radio"]:checked {
+    background-color: #660000;
+    border-color: #660000;
+}
+
+input[type="radio"]:checked::after {
+    content: "";
+    position: absolute;
+    width: 6px;
+    height: 6px;
+    background: white;
+    border-radius: 50%;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+input[type="checkbox"]:hover,
+input[type="radio"]:hover {
+    border-color: #660000;
+}
+
+input[type="checkbox"]:focus,
+input[type="radio"]:focus {
+    outline: none;
+    box-shadow: 0 0 0 2px rgba(46, 125, 50, 0.0);
+}