fix: sweep final hardcoded cyan from mode JS files and CSS

- proximity-radar.js: fix missed dot stroke in new-device creation path
- gps.js: GPS constellation color via object getter; globe atmosphere reads CSS var
- websdr.js: globe atmosphere, map markers, popup buttons, point label use CSS var
- subghz.js: canvas strokeStyle reads --accent-cyan
- sstv.js: ISS track polyline reads --accent-cyan
- app.js: info message border-left uses var(--accent-cyan)
- subghz.css, gps.css: replace all #00d4ff with var(--accent-cyan)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
James Smith
2026-05-19 23:08:49 +01:00
parent e1922d7a30
commit 9d72c88a28
8 changed files with 298 additions and 297 deletions
+1 -1
View File
@@ -364,7 +364,7 @@
}
/* Constellation colors */
.gps-const-gps { background-color: #00d4ff; }
.gps-const-gps { background-color: var(--accent-cyan); }
.gps-const-glonass { background-color: #00ff88; }
.gps-const-galileo { background-color: #ff8800; }
.gps-const-beidou { background-color: #ff4466; }
+41 -41
View File
@@ -93,9 +93,9 @@
}
.subghz-preset-btn:hover {
background: var(--accent-cyan, #00d4ff);
background: var(--accent-cyan, var(--accent-cyan));
color: var(--text-inverse);
border-color: var(--accent-cyan, #00d4ff);
border-color: var(--accent-cyan, var(--accent-cyan));
}
/* Tab navigation for RX / Decode / Sweep */
@@ -126,8 +126,8 @@
}
.subghz-tab.active {
color: var(--accent-cyan, #00d4ff);
border-bottom-color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, var(--accent-cyan));
border-bottom-color: var(--accent-cyan, var(--accent-cyan));
}
.subghz-tab-content {
@@ -225,7 +225,7 @@
}
.subghz-status-dot.decode {
background: #00d4ff;
background: var(--accent-cyan);
animation: subghz-pulse 0.8s ease-in-out infinite;
}
@@ -250,7 +250,7 @@
}
.subghz-status-timer {
color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, var(--accent-cyan));
}
/* Control buttons */
@@ -296,13 +296,13 @@
.subghz-btn:hover {
background: var(--bg-tertiary, #1a1f2e);
border-color: var(--accent-cyan, #00d4ff);
border-color: var(--accent-cyan, var(--accent-cyan));
}
.subghz-btn.active {
background: rgba(0, 212, 255, 0.1);
border-color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, #00d4ff);
border-color: var(--accent-cyan, var(--accent-cyan));
color: var(--accent-cyan, var(--accent-cyan));
}
.subghz-btn.start {
@@ -456,7 +456,7 @@
.subghz-capture-tag.auto {
border-color: rgba(0, 212, 255, 0.55);
color: #00d4ff;
color: var(--accent-cyan);
background: rgba(0, 212, 255, 0.12);
}
@@ -473,7 +473,7 @@
}
.subghz-capture-freq {
color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, var(--accent-cyan));
font-weight: 600;
}
@@ -526,8 +526,8 @@
}
.subghz-capture-actions button.trim-btn:hover {
color: #00d4ff;
border-color: #00d4ff;
color: var(--accent-cyan);
border-color: var(--accent-cyan);
}
.subghz-capture-actions button.delete-btn:hover {
@@ -537,7 +537,7 @@
.subghz-capture-actions button.select-btn {
border-color: rgba(0, 212, 255, 0.5);
color: #00d4ff;
color: var(--accent-cyan);
}
.subghz-capture-actions button.select-btn.selected {
@@ -622,7 +622,7 @@
}
.subghz-decode-model {
color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, var(--accent-cyan));
font-weight: 600;
}
@@ -693,7 +693,7 @@
}
.subghz-tx-modal .tx-freq {
color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, var(--accent-cyan));
font-weight: 600;
font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
}
@@ -754,7 +754,7 @@
margin-top: 8px !important;
margin-bottom: 0 !important;
font-size: 11px !important;
color: var(--accent-cyan, #00d4ff) !important;
color: var(--accent-cyan, var(--accent-cyan)) !important;
font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
}
@@ -807,7 +807,7 @@
margin: 0 0 8px 0;
font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
font-size: 10px;
color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, var(--accent-cyan));
}
.subghz-tx-burst-marker {
@@ -864,7 +864,7 @@
border: 1px solid rgba(0, 212, 255, 0.5);
border-radius: 3px;
background: transparent;
color: #00d4ff;
color: var(--accent-cyan);
font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
font-size: 10px;
cursor: pointer;
@@ -902,7 +902,7 @@
.subghz-tx-trim-btn {
background: rgba(0, 212, 255, 0.14);
color: #00d4ff;
color: var(--accent-cyan);
border-color: rgba(0, 212, 255, 0.55) !important;
}
@@ -952,7 +952,7 @@
}
.subghz-sweep-tooltip .tip-freq {
color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, var(--accent-cyan));
}
.subghz-sweep-tooltip .tip-power {
@@ -1044,8 +1044,8 @@
.subghz-action-btn.decode:hover {
background: rgba(0, 212, 255, 0.12);
border-color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, #00d4ff);
border-color: var(--accent-cyan, var(--accent-cyan));
color: var(--accent-cyan, var(--accent-cyan));
}
.subghz-action-btn.capture:hover {
@@ -1092,7 +1092,7 @@
}
.subghz-peak-item .peak-freq {
color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, var(--accent-cyan));
}
.subghz-peak-item .peak-power {
@@ -1148,7 +1148,7 @@
}
.subghz-strip-dot.rx { background: var(--neon-green); }
.subghz-strip-dot.decode { background: #00d4ff; }
.subghz-strip-dot.decode { background: var(--accent-cyan); }
.subghz-strip-dot.tx { background: #ff4444; }
.subghz-strip-dot.sweep { background: var(--neon-orange); }
@@ -1169,7 +1169,7 @@
color: var(--text-primary, #e0e0e0);
}
.subghz-strip-value.accent-cyan { color: var(--accent-cyan, #00d4ff); }
.subghz-strip-value.accent-cyan { color: var(--accent-cyan, var(--accent-cyan)); }
.subghz-strip-value.accent-green { color: var(--neon-green); }
.subghz-strip-value.accent-orange { color: var(--neon-orange); }
@@ -1181,7 +1181,7 @@
}
.subghz-strip-timer {
color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, var(--accent-cyan));
font-weight: 600;
min-width: 40px;
}
@@ -1274,7 +1274,7 @@
}
.subghz-phase-step.active {
color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, var(--accent-cyan));
text-shadow: 0 0 6px rgba(0, 212, 255, 0.3);
}
@@ -1329,12 +1329,12 @@
.subghz-burst-indicator.recent {
border-color: rgba(0, 212, 255, 0.45);
color: #00d4ff;
color: var(--accent-cyan);
background: rgba(0, 212, 255, 0.1);
}
.subghz-burst-indicator.recent .subghz-burst-dot {
background: #00d4ff;
background: var(--accent-cyan);
}
.subghz-console-toggle {
@@ -1382,7 +1382,7 @@
}
.subghz-log-msg { color: var(--text-secondary, #999); }
.subghz-log-msg.info { color: var(--accent-cyan, #00d4ff); }
.subghz-log-msg.info { color: var(--accent-cyan, var(--accent-cyan)); }
.subghz-log-msg.success { color: var(--neon-green); }
.subghz-log-msg.warn { color: var(--neon-orange); }
.subghz-log-msg.error { color: var(--accent-red, #ff4444); }
@@ -1405,7 +1405,7 @@
font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
font-size: 20px;
font-weight: 700;
color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, var(--accent-cyan));
letter-spacing: 1px;
}
@@ -1446,8 +1446,8 @@
}
.subghz-hub-card--cyan { border-color: rgba(0, 212, 255, 0.2); }
.subghz-hub-card--cyan:hover { border-color: var(--accent-cyan, #00d4ff); background: rgba(0, 212, 255, 0.05); }
.subghz-hub-card--cyan .subghz-hub-icon { color: var(--accent-cyan, #00d4ff); }
.subghz-hub-card--cyan:hover { border-color: var(--accent-cyan, var(--accent-cyan)); background: rgba(0, 212, 255, 0.05); }
.subghz-hub-card--cyan .subghz-hub-icon { color: var(--accent-cyan, var(--accent-cyan)); }
.subghz-hub-card--green { border-color: rgba(0, 255, 136, 0.2); }
.subghz-hub-card--green:hover { border-color: var(--neon-green); background: rgba(0, 255, 136, 0.05); }
@@ -1528,7 +1528,7 @@
.subghz-saved-selection-count {
font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
font-size: 10px;
color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, var(--accent-cyan));
margin-right: 4px;
}
@@ -1545,8 +1545,8 @@
}
.subghz-op-back-btn:hover {
border-color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, #00d4ff);
border-color: var(--accent-cyan, var(--accent-cyan));
color: var(--accent-cyan, var(--accent-cyan));
}
.subghz-op-panel-title {
@@ -1667,7 +1667,7 @@
color: var(--text-primary, #e0e0e0);
}
.subghz-rx-info-value.accent-cyan { color: var(--accent-cyan, #00d4ff); }
.subghz-rx-info-value.accent-cyan { color: var(--accent-cyan, var(--accent-cyan)); }
.subghz-rx-level-wrapper {
display: flex;
@@ -1735,7 +1735,7 @@
}
.subghz-rx-burst-pill.recent {
color: #00d4ff;
color: var(--accent-cyan);
border-color: rgba(0, 212, 255, 0.65);
background: rgba(0, 212, 255, 0.12);
}
@@ -1861,8 +1861,8 @@
}
.subghz-wf-pause-btn:hover {
border-color: var(--accent-cyan, #00d4ff);
color: var(--accent-cyan, #00d4ff);
border-color: var(--accent-cyan, var(--accent-cyan));
color: var(--accent-cyan, var(--accent-cyan));
}
.subghz-wf-pause-btn.paused {