Skip to content

Feature Badge Color

tempus2016 edited this page Jun 24, 2026 · 1 revision

Per-tab badge colour

Give a tab's badge its own colour — e.g. green for unread, red for alerts.

Per-tab key: badge_color (CSS colour)

type: custom:tabdeck-card
tabs:
  - name: Inbox
    icon: mdi:email
    badge: sensor.unread
    badge_color: "#2f9e44"
    card: { ... }
  - name: Alerts
    icon: mdi:bell
    badge: sensor.alerts
    badge_color: "#e03131"
    card: { ... }

Per-tab badge colours

Notes

  • badge_color colours both the text badge and the dot variant.
  • Without it, badges use the tab's accent (or the theme primary colour).
  • Set it from the Badge colour field in the visual editor.

Clone this wiki locally