v0.2.0 - per-dashboard fonts with indicator dot

Behavior change

Each dashboard now remembers its own font. Navigating between dashboards swaps the font automatically. Existing single-font setups are auto-migrated on first load to the new per-dashboard shape (no action needed).

New

• Indicator dot on the floating button when the current dashboard has a custom font (uses your HA accent color).
• Floating button hides on non-dashboard pages (Settings, History, Map, etc.).
• Dialog subtitle now shows which dashboard you're configuring.
• 'Reset to default' inside the dialog clears only the current dashboard - other dashboards keep their fonts.

Update from HACS

HACS -> Frontend -> Google Fonts -> three-dot menu -> Redownload -> v0.2.0 -> hard-refresh.

v0.1.5 - keep menu and toolbar untouched

Fix

v0.1.1's broad shadow-root walk leaked the chosen font into the sidebar/drawer, the dashboard view title (hui-root's app toolbar), and the 3-dot menu - contradicting the documented 'Lovelace dashboard cards only' scope.

v0.1.5 finds hui-root's view container (#view or hui-view) and only walks shadow roots beneath it. The wider HA shell stays in HA's default font.

Update from HACS

HACS -> Frontend -> Google Fonts -> three-dot menu -> Redownload -> v0.1.5 -> hard-refresh.

v0.1.4 - validated release

Same code as v0.1.3.

Tagged on the commit where HACS validation passed all 7 checks (including images), so the hacs/default submission can reference this release as 'made after validation ran successfully'.

Update from HACS

HACS -> Frontend -> Google Fonts -> three-dot menu -> Redownload -> v0.1.4 -> hard-refresh.

v0.1.3 - preview rows render in their actual font

Fixes

• Preview rows now show the real font. v0.1.1's 'apply to every shadow root' rule was steamrolling the picker's own dialog with !important, so every preview row looked identical. The injector now skips its own dialog/button shadow roots.
• Taller font list (60vh) so more rows fit on screen at once.

Verify the full catalog is loading

After redownload, open the picker. The header above the list shows 'N of M fonts'. If you see e.g. '1700 of 1700 fonts', the entire Google catalog is loaded - just scroll the list to browse all of them.

Update from HACS

HACS -> Frontend -> Google Fonts -> three-dot menu -> Redownload -> v0.1.3 -> hard-refresh the dashboard tab.

v0.1.2 - show entire font catalog

Change

The picker now shows the full Google Fonts catalog (~1700 families) instead of capping at 80 rows.

Each font's preview CSS is lazy-loaded via IntersectionObserver only when its row scrolls into view, so the dialog opens fast and only fetches what you actually look at. CSS containment on rows keeps scrolling smooth.

Search across the full catalog still works as before.

Update from HACS

HACS -> Frontend -> Google Fonts -> three-dot menu -> Redownload -> v0.1.2 -> hard-refresh.

v0.1.1 - apply font inside custom card shadow roots

Fix

v0.1.0 only walked Home Assistant's outer shells (home-assistant, home-assistant-main, ha-panel-lovelace, hui-root), so the font landed on the dashboard heading and section titles but custom cards (Mushroom chips, Bubble Card, room buttons, sliders, media-player rows) kept their default font.

v0.1.1 recursively walks the entire DOM, collects every ShadowRoot, and adopts one shared CSSStyleSheet into each. The MutationObserver re-walks on each animation frame, so newly-mounted card shadow roots pick up the font without flicker.

Update from HACS

HACS -> Frontend -> Google Fonts -> three-dot menu -> Redownload -> pick v0.1.1 -> hard-refresh the dashboard tab.

v0.1.0 - initial release

First release of ha-google-fonts.

Features

• Floating gear button on Lovelace dashboards opens a searchable font picker
• Live-preview rows render in their own font
• Per-user persistence via HA's frontend.set_user_data WebSocket command
• Full Google Fonts catalog (~1700 families), client-side searched, 24h cached
• HACS Frontend distribution ready

Install

HACS -> Frontend -> Custom repositories -> add https://github.com/yshaish1/ha-google-fonts (category: Lovelace) -> Download -> reload.

See README for the 60-second Google Fonts API key walkthrough.

Scope (v1)

• Lovelace dashboard cards/views only. Sidebar, settings, more-info dialogs intentionally untouched.
• Family only. No weight/size/per-element overrides yet.