Repository navigation
Feature Tab Color
tempus2016 edited this page Jun 24, 2026
·
1 revision
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: { ... }
-
colorsets 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.
Concepts
Features
- All features
- Dynamic tabs
- State-driven icons & names
- Alert pulse
- Auto-rotate & idle return
- Navigation & action tabs
- Scroll-spy
- Collapsible deck
- Responsive layouts
- Style presets
- Tab-change actions
- Tab display mode
- Accent indicator
- Extra bar styles
- Indicator thickness
- Sticky tab bar
- Tab alignment
- Badge display mode
- Per-tab colour
- Tab subtitles
- Disabled tabs
- Multiple cards per tab
- Panel transitions
- Duplicate tab
- Expand/Collapse all