|
1 | 1 | /* pecan/src/assets/wcars.css |
2 | | - * Airbus ECAM / E-WD display styling. |
| 2 | + * Vehicle (WFR25) ECVM / E-WD display styling. |
3 | 3 | * Colour philosophy: red = WARNING, amber = CAUTION, green = MEMO/normal, |
4 | 4 | * cyan = action/value, white = remark. Pure phosphor colours on near-black DU. |
5 | 5 | */ |
6 | 6 | :root { |
7 | 7 | --wcars-bg: #060606; |
8 | 8 | --wcars-du: #000; |
9 | 9 | --wcars-red: #ff2424; |
10 | | - --wcars-amber: #ff9b1a; /* ECAM caution amber leans orange, not yellow */ |
| 10 | + --wcars-amber: #ff9b1a; /* ECVM caution amber leans orange, not yellow */ |
11 | 11 | --wcars-green: #1fe33a; /* pure phosphor green, not mint */ |
12 | 12 | --wcars-cyan: #25d4ff; |
13 | 13 | --wcars-white: #e9ecec; |
|
85 | 85 | } |
86 | 86 |
|
87 | 87 | /* Each pane is a physical Display Unit: dark bezel + inset black screen + glow */ |
88 | | -.wcars-ecam, |
| 88 | +.wcars-ecvm, |
89 | 89 | .wcars-acars { |
90 | 90 | background: var(--wcars-du); |
91 | 91 | border: 1px solid var(--wcars-bezel); |
|
104 | 104 | } |
105 | 105 |
|
106 | 106 | /* EWD warning area: scrollable alert list + fixed grey-stripe footer */ |
107 | | -.wcars-ecam { |
| 107 | +.wcars-ecvm { |
108 | 108 | display: flex; |
109 | 109 | flex-direction: column; |
110 | 110 | overflow: hidden; |
111 | 111 | } |
112 | | -.wcars-ecam-scroll { |
| 112 | +.wcars-ecvm-scroll { |
113 | 113 | flex: 1 1 auto; |
114 | 114 | overflow-y: auto; |
115 | 115 | padding: 0.85rem 0.9rem; |
116 | 116 | } |
117 | 117 |
|
118 | | -/* ---- ECAM active-alert rows ---- */ |
119 | | -.wcars-ecam-row { |
| 118 | +/* ---- ECVM active-alert rows ---- */ |
| 119 | +.wcars-ecvm-row { |
120 | 120 | display: grid; |
121 | 121 | grid-template-columns: 3.2rem 1fr 1.5rem; |
122 | 122 | grid-template-rows: auto auto; |
|
149 | 149 | letter-spacing: 0.06em; |
150 | 150 | text-shadow: 0 0 4px currentColor; |
151 | 151 | } |
152 | | -.wcars-ecam-row .wcars-title { justify-self: start; } |
| 152 | +.wcars-ecvm-row .wcars-title { justify-self: start; } |
153 | 153 |
|
154 | | -.wcars-ecam-row.wcars-warning .wcars-title { |
| 154 | +.wcars-ecvm-row.wcars-warning .wcars-title { |
155 | 155 | border: 1px solid currentColor; |
156 | 156 | padding: 0.04rem 0.42rem; |
157 | 157 | box-shadow: 0 0 6px rgba(255, 36, 36, 0.35); |
158 | 158 | } |
159 | | -.wcars-ecam-row.wcars-caution .wcars-title { |
| 159 | +.wcars-ecvm-row.wcars-caution .wcars-title { |
160 | 160 | text-decoration: underline; |
161 | 161 | text-decoration-thickness: 1px; |
162 | 162 | text-underline-offset: 3px; |
163 | 163 | } |
164 | | -.wcars-ecam-row.wcars-memo .wcars-title { text-decoration: none; } |
| 164 | +.wcars-ecvm-row.wcars-memo .wcars-title { text-decoration: none; } |
165 | 165 |
|
166 | 166 | /* corrective/remark line: indented under the title, dimmer white remark */ |
167 | 167 | .wcars-detail { |
|
175 | 175 | text-shadow: none; |
176 | 176 | } |
177 | 177 |
|
178 | | -/* ECAM dot-leader action line: REMARK ········· VALUE(cyan) */ |
| 178 | +/* ECVM dot-leader action line: REMARK ········· VALUE(cyan) */ |
179 | 179 | .wcars-leader { |
180 | 180 | display: flex; |
181 | 181 | align-items: baseline; |
|
236 | 236 | .wcars-green { color: var(--wcars-green); } |
237 | 237 |
|
238 | 238 | /* "WCARS NORMAL" green memo when nothing is active */ |
239 | | -.wcars-ecam--empty { |
| 239 | +.wcars-ecvm--empty { |
240 | 240 | display: flex; |
241 | 241 | align-items: center; |
242 | 242 | justify-content: center; |
243 | 243 | } |
244 | | -.wcars-ecam--empty .wcars-green { |
| 244 | +.wcars-ecvm--empty .wcars-green { |
245 | 245 | font-size: 1.15rem; |
246 | 246 | font-weight: 700; |
247 | 247 | letter-spacing: 0.3em; |
|
432 | 432 | .wcars-settings-actions button:hover { background: var(--wcars-cyan); color: #000; } |
433 | 433 |
|
434 | 434 | /* ---- Display-unit scrollbars ---- */ |
435 | | -.wcars-ecam-scroll::-webkit-scrollbar, |
| 435 | +.wcars-ecvm-scroll::-webkit-scrollbar, |
436 | 436 | .wcars-acars::-webkit-scrollbar { width: 8px; } |
437 | | -.wcars-ecam-scroll::-webkit-scrollbar-track, |
| 437 | +.wcars-ecvm-scroll::-webkit-scrollbar-track, |
438 | 438 | .wcars-acars::-webkit-scrollbar-track { background: #050505; } |
439 | | -.wcars-ecam-scroll::-webkit-scrollbar-thumb, |
| 439 | +.wcars-ecvm-scroll::-webkit-scrollbar-thumb, |
440 | 440 | .wcars-acars::-webkit-scrollbar-thumb { |
441 | 441 | background: var(--wcars-bezel); |
442 | 442 | border-radius: 0; |
443 | 443 | } |
444 | | -.wcars-ecam-scroll::-webkit-scrollbar-thumb:hover, |
| 444 | +.wcars-ecvm-scroll::-webkit-scrollbar-thumb:hover, |
445 | 445 | .wcars-acars::-webkit-scrollbar-thumb:hover { background: #2a3236; } |
446 | 446 |
|
447 | 447 | @media (prefers-reduced-motion: reduce) { |
|
0 commit comments