Skip to content

Feature Tab Color

tempus2016 edited this page Jun 24, 2026 · 1 revision

Per-tab text/icon colour

Give a single tab a fixed colour for its label and icon, independent of the selection accent. Handy for "Warning"/"Danger" style tabs that should always stand out.

Per-tab key: color (CSS colour)

type: custom:tabdeck-card
style: text
tabs:
  - name: Normal
    icon: mdi:home
    card: { ... }
  - name: Warning
    icon: mdi:alert
    color: "#e0a400"
    card: { ... }
  - name: Danger
    icon: mdi:fire
    color: "#d8392f"
    card: { ... }

Per-tab colour

Behaviour

  • color sets the tab's label and icon colour in every state (it overrides the selected-tab accent colour for that tab).
  • It does not change the indicator — the indicator still follows accent. So you can have, e.g., a red "Danger" label with the normal accent underline.
  • Set it from the Text/icon colour field in the visual editor.

Clone this wiki locally