HA frontend conformance pass , Groupe B
One-commit rollback target. Risque visuel faible: chaque changement porte la valeur précédente en fallback, mais les thèmes qui définissent les tokens HA peuvent décaler la typo de ±1-2 px.
B.1 , Font-size px → tokens (40+ occurrences)
| Avant | Après |
|---|---|
10 / 11 px
| var(--ha-font-size-xs, N)
|
12 / 13 px
| var(--ha-font-size-s, N)
|
14 px
| var(--ha-font-size-m, 14px)
|
16 px
| var(--ha-font-size-l, 16px)
|
18 px
| var(--ha-font-size-xl, 18px)
|
28 px
| var(--ha-font-size-3xl, 28px)
|
9 px
| gardé (sous le seuil HA xs) |
Couvre dash-cf-card-* / dash-radial-hour-text / dash-card-* / dash-stat-* / dash-today-* / dash-tomorrow-* / dash-flow-* / dash-battery-* / tb-* / cloud-layer-chip / shading-dome-* / loading-banner / lidar-view-* / pv-pct-label / battery-pct-label / grid-export-label / solar-pct-label.
Deux clamp() liés au cascade:
.dash-cf-card-date:clamp(var(--ha-font-size-s, 13px), 2.2cqw, var(--ha-font-size-l, 16px)).solar-pct-label(media-query): borne haute migrée
Les clamp() à plancher 8/9 px restent littéraux.
B.2 , Tooltips dash overlay → theme-aware
background: rgba(0, 0, 0, 0.85)→color-mix(in srgb, var(--card-background-color, #000) 85%, transparent)color: #ffffff→var(--primary-text-color, #ffffff)
Affecte dash-stat-refined::after, dash-stat-delta::after, dash-today-chart-tooltip, dash-today-chart-tooltip-value. Les tooltips passent en bg sombre + texte clair en thème sombre, bg clair + texte sombre en thème clair, au lieu du toujours-sombre.
Rollback
git revert 7f39ac6 si la typo ou les tooltips se lisent mal dans ton thème.