nilsandClaude Opus 5.5
cba46504a6
Neon lines on black over a perspective grid floor that moves with the speed; the battery as a light wall, power on a disc whose inner ring turns with it, and the last two minutes of power as a light-cycle trail of right angles (the Cockpit's PowerTrace, now in ClusterValues). Cyan, or the accent colour; in cyan the app turns cyan too. In THEMES.md with two screenshots. Emulator only; not tried on the car. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LhzAVaUyqcw5PkGjz4mWW6
160 lines
7.4 KiB
Markdown
160 lines
7.4 KiB
Markdown
# Overview styles
|
|
|
|
The Overview can look thirteen ways: pick one under **Settings → Overview style**. Every style shows
|
|
the same readings (battery, range, power, speed, gear, usage, trip, climate, odometer, time) and
|
|
shows "—" for anything the car did not answer, never a made-up zero.
|
|
|
|
Each style has two screenshots: with the navigation, and in the Overview's own full screen (the
|
|
button beside the MG4 logo; swipe in from the left edge to come back). They come from the test
|
|
emulator at the car's resolution with **sample values** (87 km/h in D, 76 %, 18.4 kW), since the
|
|
emulator has no car; on the car the values are live.
|
|
|
|
**Colours.** Most styles are drawn in the accent colour you pick from the MG4 paints (Settings →
|
|
Accent colour; shown here in Dynamic Red). Retro, Terminal and Grid can also show their original
|
|
colours, and Sci-fi, Cartoon and Nixie tubes always do; while one of those is shown, the whole app
|
|
(navigation, buttons, switches) takes on its colours too.
|
|
|
|
| Style | Look | Colours |
|
|
|---|---|---|
|
|
| [Tiles](#tiles) | the app's own cards | accent |
|
|
| [Gauges](#gauges) | analogue needles | accent |
|
|
| [Cockpit](#cockpit) | segment rings, power trace | accent |
|
|
| [Retro](#retro) | 80s fluorescent display | original or accent |
|
|
| [Futuristic](#futuristic) | holographic HUD, energy flow | accent |
|
|
| [Sci-fi](#sci-fi) | starship console | own |
|
|
| [Cartoon](#cartoon) | comic panels | own |
|
|
| [MG](#mg) | octagonal MG dials | accent |
|
|
| [Minimal](#minimal) | one big number | accent |
|
|
| [Terminal](#terminal) | green-screen shell | original or accent |
|
|
| [Nixie tubes](#nixie-tubes) | glowing glass tubes | own |
|
|
| [Chronograph](#chronograph) | a watch face | accent |
|
|
| [Grid](#grid) | neon lines on a glowing grid floor | original or accent |
|
|
|
|
## Tiles
|
|
|
|
The app's original look, from the design it was forked from: glass cards on OLED black, one tile
|
|
per value, with the averages over the last five minutes and since the start, vehicle info (with
|
|
the lease allowance) and the tyre pressures on a little top view of the car. The most
|
|
information on one screen.
|
|
|
|
|
|
|
|
|
|
## Gauges
|
|
|
|
Three round instruments with needles, like a classic analogue dashboard: power on the left,
|
|
speed in the middle, charge on the right (E to F), and a strip below with gear, climate, time,
|
|
usage and a small battery. The needles glide to new values instead of jumping.
|
|
|
|
|
|
|
|
|
|
## Cockpit
|
|
|
|
After the digital clusters of modern EVs: rings of lit segments for battery, power and usage.
|
|
The power ring in the middle is centred on zero (regeneration lights up anticlockwise in green)
|
|
and carries the speed and gear inside it; along the bottom, a strip with the power of the last
|
|
two minutes.
|
|
|
|
|
|
|
|
|
|
## Retro
|
|
|
|
An 80s digital dashboard: a vacuum fluorescent display behind smoked glass, as in the
|
|
digital-instrument cars of that decade. Slanted seven-segment digits with the unlit segments
|
|
faintly visible, bar graphs for charge and power, amber labels and a lit P R N D. In its original
|
|
turquoise (shown) or in the accent colour.
|
|
|
|
|
|
|
|
|
|
## Futuristic
|
|
|
|
A holographic head-up display in hairlines: the battery as a capsule on the left, the speed in a
|
|
ring of dashes that turns with it on the right, and between them an energy channel in which
|
|
particles flow from the battery to the wheels while driving, and back in green while
|
|
regenerating, faster with more power.
|
|
|
|
|
|
|
|
|
|
## Sci-fi
|
|
|
|
A starship console, after the look of the computer screens in 90s science-fiction TV: rounded
|
|
"elbow" frames in orange and lilac, pill-shaped labels, condensed capitals and blocky bar graphs
|
|
on black. Below 20 % charge the frames turn red: red alert. The app takes on the lilac of the
|
|
lower frame.
|
|
|
|
|
|
|
|
|
|
## Cartoon
|
|
|
|
Comic panels in flat colours with thick ink outlines on a night-blue page: a battery with a face
|
|
(happy, unsure, then worried and sweating as it empties), a chunky speedometer whose needle
|
|
wobbles into place, and the "zap-o-meter" for power with a sound word: PURR, VROOM, ZOOM! or
|
|
RECHARGE! while regenerating.
|
|
|
|
|
|
|
|
|
|
## MG
|
|
|
|
After the classic MG dashboards, whose dials sat in octagonal bezels: three octagonal dials with
|
|
chrome rims and cream scales (battery, speed, power), needles in the accent colour, and a line of
|
|
odometer, trip, usage, climate and time separated by small octagons.
|
|
|
|
|
|
|
|
|
|
## Minimal
|
|
|
|
One number and almost nothing else: the speed, very large and thin, the gear above it, power as a
|
|
short line growing from the centre, and the battery as a hairline along the bottom edge. For calm
|
|
driving.
|
|
|
|
|
|
|
|
|
|
## Terminal
|
|
|
|
As if a shell printed the car's state: `watch -n 0.2 vehicle-status` on a green-phosphor screen
|
|
with faint scan lines, each value on a row with an ASCII bar, the gear as `[D]`, and a prompt with
|
|
a blinking cursor. A low battery turns its row amber. In green (shown) or in the accent colour.
|
|
|
|
|
|
|
|
|
|
## Nixie tubes
|
|
|
|
The glow of nixie tubes, the neon number displays of 50s to 70s lab instruments: orange digits in
|
|
glass tubes, the unlit numerals faintly behind the lit one, on a dark walnut panel with brass name
|
|
plates. Speed, gear and battery on top; power, range, usage and the time below.
|
|
|
|
|
|
|
|
|
|
## Chronograph
|
|
|
|
A watch face, after a chronograph wristwatch: a deep-blue dial with a steel bezel carrying the
|
|
speed scale, the long main hand for the speed, sub-dials for battery, power and usage, and the
|
|
gear in a date window. Engraved columns either side carry range, trip, time, climate and
|
|
odometer.
|
|
|
|
|
|
|
|
|
|
## Grid
|
|
|
|
After the neon world of the Tron films: glowing lines on black and a perspective grid floor that
|
|
runs towards you as fast as you drive. The speed sits large in the middle; the battery is a
|
|
segmented light wall standing on the floor, turning orange when it runs low; power lights up a
|
|
disc whose inner ring turns with it, anticlockwise for regeneration; and the last two minutes of
|
|
power run across the floor as a light-cycle trail that only turns at right angles. In its
|
|
original cyan (shown, and the app turns cyan with it) or in the accent colour — red gives the
|
|
films' other side.
|
|
|
|
|
|
|