diff --git a/static/css/adsb_dashboard.css b/static/css/adsb_dashboard.css index f343550..01b5c5d 100644 --- a/static/css/adsb_dashboard.css +++ b/static/css/adsb_dashboard.css @@ -2460,3 +2460,38 @@ body { font-size: 11px; } } + +/* ============================================ + ENHANCED TIER — amber military console + ============================================ */ +html[data-ui-tier="enhanced"] { + --bg-dark: #080600; + --bg-panel: #0c0a04; + --bg-card: #0e0b05; + --radar-bg: #0c0a04; + --radar-cyan: #c89628; + --border-glow: rgba(200, 150, 40, 0.25); + --border-color: rgba(200, 150, 40, 0.2); + --grid-line: rgba(200, 150, 40, 0.07); + --accent-cyan: #c89628; + --accent-green: #c89628; +} + +/* ============================================ + LEAN TIER — flat dark, no GPU effects + ============================================ */ +html[data-ui-tier="lean"] { + --bg-dark: #111111; + --bg-panel: #181818; + --bg-card: #1a1a1a; + --radar-bg: #181818; + --border-glow: transparent; + --border-color: #2a2a2a; + --grid-line: transparent; + --noise-image: none; +} + +html[data-ui-tier="lean"] .scanline, +html[data-ui-tier="lean"] .radar-bg { + display: none; +} diff --git a/static/css/ais_dashboard.css b/static/css/ais_dashboard.css index 736b5d4..a1a901f 100644 --- a/static/css/ais_dashboard.css +++ b/static/css/ais_dashboard.css @@ -1373,3 +1373,38 @@ body { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.8); } } + +/* ============================================ + ENHANCED TIER — amber military console + ============================================ */ +html[data-ui-tier="enhanced"] { + --bg-dark: #080600; + --bg-panel: #0c0a04; + --bg-card: #0e0b05; + --radar-bg: #0c0a04; + --radar-cyan: #c89628; + --border-glow: rgba(200, 150, 40, 0.25); + --border-color: rgba(200, 150, 40, 0.2); + --grid-line: rgba(200, 150, 40, 0.07); + --accent-cyan: #c89628; + --accent-green: #c89628; +} + +/* ============================================ + LEAN TIER — flat dark, no GPU effects + ============================================ */ +html[data-ui-tier="lean"] { + --bg-dark: #111111; + --bg-panel: #181818; + --bg-card: #1a1a1a; + --radar-bg: #181818; + --border-glow: transparent; + --border-color: #2a2a2a; + --grid-line: transparent; + --noise-image: none; +} + +html[data-ui-tier="lean"] .scanline, +html[data-ui-tier="lean"] .radar-bg { + display: none; +} diff --git a/static/css/satellite_dashboard.css b/static/css/satellite_dashboard.css index 5302166..c6bc9e6 100644 --- a/static/css/satellite_dashboard.css +++ b/static/css/satellite_dashboard.css @@ -1778,3 +1778,35 @@ body.embedded .panel { body.embedded .controls-bar { padding: 10px 15px; } + +/* ============================================ + ENHANCED TIER — amber military console + ============================================ */ +html[data-ui-tier="enhanced"] { + --bg-dark: #080600; + --bg-panel: #0c0a04; + --bg-card: #0e0b05; + --border-glow: rgba(200, 150, 40, 0.25); + --border-color: rgba(200, 150, 40, 0.2); + --grid-line: rgba(200, 150, 40, 0.07); + --accent-cyan: #c89628; + --accent-green: #c89628; +} + +/* ============================================ + LEAN TIER — flat dark, no GPU effects + ============================================ */ +html[data-ui-tier="lean"] { + --bg-dark: #111111; + --bg-panel: #181818; + --bg-card: #1a1a1a; + --border-glow: transparent; + --border-color: #2a2a2a; + --grid-line: transparent; + --noise-image: none; +} + +html[data-ui-tier="lean"] .scanline, +html[data-ui-tier="lean"] .grid-bg { + display: none; +} diff --git a/templates/adsb_dashboard.html b/templates/adsb_dashboard.html index 34c20ca..fc63015 100644 --- a/templates/adsb_dashboard.html +++ b/templates/adsb_dashboard.html @@ -4,6 +4,7 @@