Chart title consistency + cockpit instrument polish #17

Merged
brenno merged 2 commits from fix/chart-title-consistency into main 2026-06-21 17:27:18 +00:00
Owner

Twee verbeteringen aan de slide-weergave.

1. Grafiek-koptekst consistent met andere slides

De grafiek-slide toonde de titel als een omkaderde balk (titleBackgroundColor-vulling + accent-rand links in titleTextColor), terwijl alle andere content-slides een platte vette titel in de slide-tekstkleur gebruiken.

2. Cockpit-instrumenten verfijnd (look & feel)

  • Getaperde naalden + bewerkte twee-tonige naaf op alle wijzerinstrumenten.
  • Grote/kleine schaalstreepjes op de arc-gauges.
  • Hero-uitlezing: groot vet getal + kleinere gedempte eenheid, uitgelijnd naast de wijzerplaat.
  • Instrumenten groter en beter gecentreerd; horizon-uitlezing vrij van de cirkel.
  • Subtiele dubbele bezel voor diepte, afgeleid van de slide-kleuren (werkt op elke achtergrond).

Visueel geverifieerd op zowel donkere als lichte stijl.

Testen

  • flutter analyze: schoon.
  • flutter test: alle tests groen.

🤖 Generated with Claude Code

Twee verbeteringen aan de slide-weergave. ## 1. Grafiek-koptekst consistent met andere slides De grafiek-slide toonde de titel als een omkaderde balk (`titleBackgroundColor`-vulling + accent-rand links in `titleTextColor`), terwijl alle andere content-slides een platte vette titel in de slide-tekstkleur gebruiken. - [chart_preview.dart](lib/widgets/slides/previews/chart_preview.dart): titel nu platte vette tekst in `textColor`, geen kader. - [marp_html_service.dart](lib/services/marp_html_service.dart): dezelfde fix in de geëxporteerde SVG, zodat de export ook consistent is. ## 2. Cockpit-instrumenten verfijnd (look & feel) - Getaperde naalden + bewerkte twee-tonige naaf op alle wijzerinstrumenten. - Grote/kleine schaalstreepjes op de arc-gauges. - Hero-uitlezing: groot vet getal + kleinere gedempte eenheid, uitgelijnd naast de wijzerplaat. - Instrumenten groter en beter gecentreerd; horizon-uitlezing vrij van de cirkel. - Subtiele dubbele bezel voor diepte, afgeleid van de slide-kleuren (werkt op elke achtergrond). Visueel geverifieerd op zowel donkere als lichte stijl. ## Testen - `flutter analyze`: schoon. - `flutter test`: alle tests groen. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
The chart slide rendered its title as a boxed band (titleBackgroundColor
fill + accent left border in titleTextColor), unlike every other content
slide which shows a plain bold title in the slide's text colour.

Render the chart title as plain bold text in textColor, in both the
editor preview and the exported inline SVG, so the header reads
consistently across slide types.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Polish cockpit instrument look and feel
Some checks failed
CI / Format · Analyze · Test (push) Has been cancelled
CI / Format · Analyze · Test (pull_request) Has been cancelled
93fc2afea3
Refine the cockpit dashboard rendering for a more premium feel:

- Replace plain line needles with tapered needles (wide at the hub,
  pointed at the tip, short counterweight tail) and a machined two-tone
  hub across the arc gauges, climb and heading instruments.
- Give arc gauges major/minor tick marks instead of uniform ticks.
- Render readings as a large bold number with a smaller, muted unit, and
  promote it to a hero readout aligned beside each dial instead of a
  small floating label.
- Enlarge and re-centre the instruments so the cards read as balanced,
  and move the horizon pitch/bank readout clear of the dial.
- Add a subtle double bezel (accent edge + hairline derived from the
  slide text colour) for depth on any background.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
brenno merged commit 5e616cd593 into main 2026-06-21 17:27:18 +00:00
brenno deleted branch fix/chart-title-consistency 2026-06-21 17:27:18 +00:00
Sign in to join this conversation.
No description provided.