ergoMergo — Stil

Alle Tokens und Bausteine der App mit ihren echten Stilen. Werte stammen ausschließlich aus css/tokens.css; tools/stil-check.mjs meldet feste Werte außerhalb. Regeln und Begründungen stehen in docs/stil.md.

Farben

Automatisch aus tokens.css gelesen — neue Tokens erscheinen hier von selbst. Farbe trägt nie allein Bedeutung: Zustände haben immer auch Text, Symbol oder Form. Ausnahme sind Wertfärbungen („Im Bereich“, „Über Grenze“): Die Zahl selbst ist die Information, die Farbe nur ein Zusatz.

Schrift

Rollen

Radien

Abstände

Tippflächen und Symbole

Karten und Kacheln

Listeneintrag

• Di., 29.09. · 18:304×4 Intervalle
  44:15 · Ø 138 W · 359 kJ · 19,2 km
• Mo., 28.09. · 07:15Freies Fahren
  1:20 · Probefahrt unter 2 min (gedimmt)

Zeilen

Panel der Fahrt

Hinweiszeile mit festem Platz, aber ohne eigene Lücke: hochkant liegt die Rückmeldung auf einen Tipp über der Beschriftung „Töne“, die solange Platz macht — nichts verschiebt sich. Quer (zweispaltig) steht sie unter den Tönen.

Geräte-Zustand

Eine Regel ([data-zustand]) für Home-Leiste, Kopfzeile der Fahrt und Panel.

Kopfzeilen-Symbole · Bild-in-Bild zu / offen · ⋯

Im Bereich

Wert gegen eine Vorgabe (Kadenz): im Bereich leicht eingefärbt (--z2, keine Fläche), nach 5 s daneben gedämpft, sonst neutral. [data-bereich] auf der Zahl; nur die Farbe wechselt, nichts springt.

Über Grenze

Wert über einer selbst gesetzten Grenze (Puls ab der Pulsgrenze): nur die Zahl in --hr-line, Symbol und Einheit neutral wie die anderen Nebenwerte. [data-grenze="ueber"] auf der Zahl; neutral erst 3 bpm unter der Grenze, kein Ton.

Zahlenfeld mit Hinweis · Einstellungen

Chips und Knöpfe

Leise Hauptaktion · Schritt in einem Ablauf (Tasten zuordnen)

Leise Text-Aktion · Statuszeile

Nur auf diesem Gerät › 30 Fahrten nicht dauerhaft gespeichert ›

Hinweistext. Was das genau heißt ›

Bedienleiste

Trainingsplan

Wochenstreifen: Balken in der Zonenfarbe der Einheit, Höhe = Dauer. Zustände: frei, geplant (blass), erledigt (✓), verpasst (gestrichelt), hierher verschoben (↷), heute (Akzent). Die Plan-Karte darüber hält für jeden gewählten Tag ihre Höhe: Titel und Erklärung je 2 Zeilen, Profil und Knopfzeile bleiben als leerer Platz stehen, wenn der Tag frei ist.

Blatt „Einheit ändern" · Zieltage

LED-Statuszeile

Live mit js/ui/led-zeile.js: neutral, OK, Fehler.

Toasts

Tastensymbole

Je Taste ein Symbol aus js/ui/tasten-symbol.js. Ein Paddle mit einer Richtung je Symbol (Standard: außen = Watt hoch, innen = Watt runter); wirken beide Richtungen gleich, ist es eine Taste: ein Symbol mit beiden Pfeilen (die letzten zwei).

Lenkeransicht und Belegung

Live mit zeigeBelegung() aus js/ui/lenker-karte.js (Standardbelegung) — dieselbe Darstellung in den Einstellungen und im Blatt „Tastenbelegung“ der Fahrt. Dort ist das Blatt nicht modal und sitzt zwischen Kopfzeile und Bedienleiste (quer links daneben): STOPP bleibt frei. Zum Ansehen nur Griffzonen mit belegten Tasten. Eine Aktion kann mehrere Tasten haben: jede trägt ihre Marke, die Liste zeigt sie untereinander. Verschieden belegte Paddle-Richtungen stehen übereinander (.lk-stapel, ← oben), die Marke außen. „Als Liste ›“ schaltet um — beide Ansichten liegen in derselben Zelle (.belegung-ansicht), nichts verschiebt sich.

Lern-Modus · Schritt im Ablauf

Kicker, Marke + Aktion und Rückmeldung je genau eine Zeile; die gewählten Tasten zeigt die Lenkeransicht (alle Zonen, Paddles je Richtung) mit der Marke des Schritts — hier Watt hoch an beiden Paddles außen.