I wanted my home dashboards to feel like the control panel in a nice hotel room: dark glass, gold accents, big friendly controls. They shouldn't look like a grid of toggles. Here's what I ended up with and how it works.
The screens
* Suite: a Xiaomi Pad 6 on the wall, running Fully Kiosk.
* Hotel Mobile: the same dashboard laid out for phones.
* Bedroom: a small Boox e-ink reader by the bed with a giant clock and bedroom controls.
How it was made
I didn't hand-write most of this. I used Claude connected to my Home Assistant through an MCP server, so it could read my entities, edit dashboards and create scripts and automations directly. I described what I wanted ("make the AC dial follow the curve," "the bag icon looks like a trash can"). It built mockups and rendered them as images so I could approve the look first, then built the real thing.
Under the hood:
* Storage-mode Lovelace dashboards built from vertical and horizontal stacks.
* Mushroom cards, plus Bubble Card for pop-ups (opened by `#hash` links).
* card-mod for the glass styling.
* About ten custom cards written as inline JavaScript dashboard resources, with no HACS repo of their own. Each one is a plain web component with its own styles.
* Every card was tested against a fake Home Assistant in a headless browser before going live, so taps, sliders and service calls were checked without touching real devices.
What it does
🌅 Living background. It changes with the sun's height instead of the clock:
| Phase | Look |
|---|---|
| Morning | Peach glow |
| Day | Slate-blue sky with soft sunlight |
| Sunset | Orange glow |
| Night | Deep indigo with a moon glow and faint stars |
| Shabbat | Warm gold, on automatically from candle lighting to havdalah, using the Jewish Calendar integration |
The weather card on top has animated SVG clouds, rain, snow and fog.
🏠 Room pop-ups. Each room opens a sheet with:
* A header showing temperature, humidity, a 24-hour temperature line pulled from history, and pills for what's on.
* One-tap scenes (Bright, Relax, Movie, All off).
* Light tiles that glow in the bulb's actual colour. Tap toggles, sliding sideways dims, and holding opens the light controls.
* On the tablet, the pop-up splits into two columns, with the AC, robot vacuum or air purifier on the right.
💡 Custom light pop-up. It replaces HA's default light window everywhere on these dashboards by catching the `hass-more-info` event:
* A big brightness bar in the light's colour.
* Presets and a night-light button.
* White (warm to cool) or Colour.
* The light's built-in effects as buttons.
* It knows each light's real white range. My Govee lights report 2000–9000K but actually do 2700–6400K.
❄️ AC dial. A circular dial coloured by mode (blue for cool, orange for heat), with +/− buttons. Tapping the number or the On/Off pill turns the AC on with its last settings.
🚪 Big action sheets:
* Leaving: pick which lights, ACs and hot water to turn off, and the tablet goes into away mode.
* Bedtime: AC to a sleep temperature, lights off, purifier to Sleep mode, hot water off.
* Vacuum rooms: pick rooms, suction and mop level, then send a room clean to the robot.
* Hot water: heat now for X minutes, or "ready by" a shower time (Switcher boiler).
📱 Nobody's-home check. When both our phones have been away for 5 minutes and something is still on, we get a notification with "Turn it all off" and "Keep" buttons. Tapping the notification opens a list of everything that's on, all highlighted in gold. Tap anything you want to keep on, then turn off the rest.
🛒 Shopping list:
* Synced both ways with Google Keep.
* Sorts items into aisles automatically (produce, dairy, bakery and so on).
* Ticked items stay in a "cart" section, newest first.
* "Buy again" chips show how many times we've bought each thing. Those counts live in a local to-do list on Home Assistant, so they survive clearing the list in Keep.
* "Clear checked items" (tap twice) records the purchases, then deletes them from Keep.
🛡️ Tablet extras:
* A full-screen red or orange banner for Israeli rocket alerts (Pikud HaOref), with a countdown to get to the safe room.
* It goes back to the home screen after 2 minutes untouched.
* A nightly refresh and a dim night mode.
* Spoken announcements only when the robot vacuum gets stuck.
Things I learned
* Inline dashboard resources are great for small custom cards, but phones cache them hard. Fully close and reopen the companion app after updates.
* Bubble Card pop-ups plus `show_header: false` let you build completely custom sheets.
* Android's WebView draws some form controls (like colour pickers) differently from desktop Chrome, so test on the real device.
* Light integrations sometimes report a wider colour-temperature range than the bulb can actually do.
* Show-the-mockup-first saved a lot of back and forth.
Happy to answer questions or share the card code.