Vollständiger Panel-companion-app-Paritätsaudit (11 Kapitel)

Systematischer Bildvergleich der companion-app gegen das HA-Panel (companion-app/AGENTS.md
Kapitel 1-11): Farbtoken/Radien aus dem falschen Stylesheet gelesen (iOS-Overlay statt Basis-CSS,
betraf fast jede Kachel/Farbe/Radius app-weit), vier app-weite @audi-dash/ui-Bugs (Switch/Seg/Feld
rot statt neutral bzw. falsche Feldbreite), Reifen-Seite strukturell neu gebaut (beide Radsätze
gleichzeitig statt Umschalter, editierbare Felder, Anzugsmoment-/km-Korrektur), Standort-Feature
komplett neu (fehlte bisher ganz), sowie diverse Struktur-/Typografie-/Datenlücken in
MeinAudi/Service/Versicherung/Sicherheit/Fahrten/Tanken/Statistik/Batterie/Einstellungen.

Manifest auf 2026.8.30.2 angehoben, OTA-Bündel neu gebaut und in audi_ha_test verifiziert
(sauberer Neustart, keine Tracebacks).

Co-Authored-By: Claude Sonnet 5 <[email protected]>

design-system/src/tokens/tokens.css

@@ -9,7 +9,7 @@
 :root {
   /* Markenunabhängig */
   --red: #F50537;
-  --r-tile: 20px;
+  --r-tile: 16px;
   --r-pill: 999px;
   --r-func: 8px;
   --rahmen-hg: #111;
@@ -21,39 +21,46 @@
   --sp-4: 16px;
   --sp-5: 22px;
 
-  /* Nacht (Default-Theme, entspricht dem :root-Block des Originals) */
-  --canvas: #161b23;
-  --tile: #1f2733;
-  --tile-2: #2a3341;
-  --line: rgba(255, 255, 255, .10);
-  --line-strong: rgba(255, 255, 255, .20);
+  /* Nacht (Default-Theme). Bis 2026-08-30 standen hier die Werte aus dem
+     *Basis*-Blatt audi-dashboard.css - das Panel lädt aber IMMER zusätzlich
+     die iOS-Auflage (audi-dashboard-ios.css), die praktisch die gesamte
+     Palette überschreibt (":host{--r-tile:16px...}" +
+     ":host([data-theme=nacht/tag])"). Live am echten Panel gemessen statt
+     wieder nur aus der Basisdatei gelesen (Parität-Audit) - das ist die
+     tatsächlich wirksame Palette, --r-tile oben eingeschlossen. */
+  --canvas: #0C1014;
+  --tile: rgba(255, 255, 255, .055);
+  --tile-2: rgba(255, 255, 255, .10);
+  --line: rgba(255, 255, 255, .13);
+  --line-strong: rgba(255, 255, 255, .24);
   --fg: #FFFFFF;
-  --fg2: #9aa1ad;
-  /* Design-Audit A2: von #657081 (nur 3,0:1 auf --tile, WCAG AA verfehlt) auf
-     4,9:1 angehoben. Das Panel hat diesen Wert bereits, hier war er noch der
-     alte — nachgezogen, damit beide dasselbe zeigen. */
-  --fg3: #8a94a3;
-  --ok: #15da15;
-  --warn: #ffaa00;
-  --bad: #fd2c4e;
+  --fg2: #BFC4CC;
+  --fg3: #8E8E93;
+  --ok: #30D158;
+  --warn: #FFD60A;
+  --bad: #FF453A;
   --shade: rgba(255, 255, 255, .05);
+  /* Graue Füllfläche für Bedienelemente (Seg-Spur, Eingabe-/Auswahl-Boxen) -
+     live am Panel gemessen (--ios-fill, audi-dashboard-ios.css). */
+  --ios-fill: rgba(120, 120, 128, .24);
 
   --font-stack: Helvetica, Arial, sans-serif;
 }
 
 [data-theme="tag"] {
-  --canvas: #FFFFFF;
-  --tile: #f2f2f2;
-  --tile-2: #e5e5e5;
-  --line: rgba(0, 0, 0, .10);
-  --line-strong: rgba(0, 0, 0, .22);
+  --canvas: #F2F2F7;
+  --tile: #FFFFFF;
+  --tile-2: #EFEFF4;
+  --line: rgba(60, 60, 67, .13);
+  --line-strong: rgba(60, 60, 67, .24);
   --fg: #000000;
-  --fg2: #4c4c4c;
-  --fg3: #666666;
-  --ok: #0DA20D;
-  --warn: #ffaa00;
-  --bad: #eb0d3f;
+  --fg2: #3C3C43;
+  --fg3: #8E8E93;
+  --ok: #34C759;
+  --warn: #FF9F0A;
+  --bad: #FF3B30;
   --shade: rgba(0, 0, 0, .04);
+  --ios-fill: rgba(120, 120, 128, .16);
 }
 
 /*
@@ -78,9 +85,14 @@
 }
 
 .ads-title {
-  font-size: 23px;
-  letter-spacing: -.015em;
-  line-height: 1.15;
+  /* Live am Panel gemessen (.title, audi-dashboard-ios.css): 22px,
+     letter-spacing -.01em (war hier -.015em), line-height 1.2 (war 1.15) -
+     beide kleinen Drifts nie dokumentiert, jetzt exakt angeglichen
+     (Parität-Audit 2026-08-30, zusammen mit der 23px→22px-Korrektur vom
+     2026-08-29). */
+  font-size: 22px;
+  letter-spacing: -.01em;
+  line-height: 1.2;
   color: var(--fg);
   overflow: hidden;
   text-overflow: ellipsis;