v1.3.2
AlertTicker Card v1.3.2
2 new features · 12 bug fixes
✨ What's New
🕐 Clock Widget Color Customization
Three new options let you fully customize the appearance of the clock clear-state display without writing CSS. Compatible with all clock styles (aurora, gold, matrix) — the custom value always takes precedence over the style's built-in palette. All three pickers are available in the visual editor under ✅ All Clear → Custom colors. (#124)
show_when_clear: true
clear_display_mode: clock
clear_clock_color: "#00e5ff"
clear_clock_date_color: "rgba(0,229,255,0.5)"
clear_clock_background: "#0a0a1a"| Option | Description |
|---|---|
clear_clock_color |
CSS color for the clock digits (hex, rgb, named color) |
clear_clock_date_color |
CSS color for the date text below the time |
clear_clock_background |
CSS color or gradient for the card background |
🌡️ Custom Sensor Overrides for the Weather Widget
Five new optional per-card options let you replace any individual weather field with a reading from your own sensor — without creating a template weather.* entity. The clear_weather_entity remains required for the condition icon, animated background, and forecast grid. (#123)
show_when_clear: true
clear_display_mode: weather_forecast
clear_weather_entity: weather.home
clear_weather_temperature_entity: sensor.local_temperature
clear_weather_humidity_entity: sensor.local_humidity
clear_weather_temp_high_entity: sensor.today_max_temp
clear_weather_temp_low_entity: sensor.today_min_temp
clear_weather_aqi_entity: sensor.pm25| Option | Description |
|---|---|
clear_weather_temperature_entity |
Override current temperature with a local sensor |
clear_weather_humidity_entity |
Override humidity with a local sensor |
clear_weather_temp_high_entity |
Override today's high with a sensor |
clear_weather_temp_low_entity |
Override today's low with a sensor |
clear_weather_aqi_entity |
Add air quality / PM2.5 reading (🌿 badge) |
All five are independent and optional. Pickers available in the visual editor under ✅ All Clear → Custom sensors.
🐛 Bug Fixes
| # | Fix |
|---|---|
| #119 | Music player cover art disappears in HA light themes — the blurred art background (position: absolute) was missing a positioned containing block on the player container. In HA's dark theme the card wrapper happened to serve as the ancestor; in light theme a different ancestor was resolved, pushing the art layer out of view. Fixed by adding position: relative; overflow: hidden to .at-music--player, plus an explicit dark base color so the card renders correctly even while art is loading. |
| #113 | Manual ‹ › navigation resets to first alert in test mode — _preview_index was re-evaluated on every HA state update (which fires continuously). Any manual navigation away from the preview alert was immediately overridden on the next update. Fixed by tracking _lastAppliedPreviewIndex — the jump now only fires when the editor actually changes the preview selection, not on every state update. |
| — | {%-only Jinja2 templates not rendered in overlay — messages built exclusively with {%...%} blocks (no {{...}}) were returned raw by the mini-evaluator and never sent to HA's WebSocket renderer. Fixed by including {% in the residual-syntax guard inside _evalTemplate. |
| — | Camera stream audio persists after overlay dismissal — <ha-camera-stream> was hidden with display: none but left in the DOM, keeping the WebRTC/HLS audio track alive. Fixed by removing the stream element before hiding the overlay, which triggers disconnectedCallback and correctly stops all media tracks. |
| — | Camera snapshot proportions wrong in overlay — the snapshot <img> was not wrapped the same way as the live stream fix. Applied the same <div> wrapper pattern (overflow: hidden, line-height: 0, border-radius) for consistent sizing across all camera aspect ratios. |
| — | clear_clock_background ignored on aurora / gold / matrix styles — style-specific CSS rules applied hardcoded background values at the same specificity as the variable, overriding user-defined colors. Fixed using the var(--atc-ck-bg, <hardcoded>) fallback pattern. |
| — | Weather high/low temperatures missing in plain weather mode — the forecast subscription (_subscribeForecast) was only started for weather_forecast and forecast modes. Users on plain weather mode never saw today's min/max. Fixed by starting the subscription for weather mode as well. |
| — | History entries show raw Jinja2 for complex templates — the 500 ms async cancel timer in _recordHistory fired before HA returned results for multi-statement templates. Replaced with a done-flag pattern and a 5 s abort timeout. |
| — | History recorded during visual editor preview — config changes in the editor triggered _recordHistory, writing phantom entries from incomplete or test configurations. Fixed with an _isEditMode() guard. |
| — | state: "{{ }}" trigger templates intermittently cleared — _syncTemplates only kept message/secondary-text subscriptions alive. Trigger-condition templates were cancelled and their cache deleted on every set hass(), causing alerts to briefly disappear between state updates. Fixed by including alert.state templates in the keep-alive set. |
| — | Test mode preview broken with YAML-pasted configs — alerts whose entities do not exist in the current HA instance were filtered out even in test mode, preventing the preview jump from working. Fixed by bypassing the entity-existence check when test_mode is active. |
| — | Humidity hidden in stage weather theme — humidity was placed in .atc-cw-badge-row2 which the stage style suppresses. Moved to .atc-cw-badge-row-minmax alongside high/low and AQI. |
📦 Installation
HACS (recommended)
Search for AlertTicker Card in HACS → Frontend, or click:
Manual
Download alert-ticker-card.js and alert-ticker-card-editor.js from this release and copy both files to /config/www/. Then hard-reload your browser (Ctrl+Shift+R).
If this card saves you time, consider buying me a coffee ☕
