Appearance

Appearance

Appearance settings control the visual mood of the dashboard. They include the canvas background, card background, shadows, animations, theme behavior, and optional page background behavior.

Use these settings to create one consistent visual direction. A dashboard usually looks better when the background, card style, text contrast, and state colors feel like part of the same system.

Settings Container vs Card

When editing the settings it can be wise to know the difference between container and card. The container is the full drag & drop area within the Drag & Drop card. The card is selv explanatory, but its the individual cards within the drag & Drop Card. 

Settings reference

Dashboard setting	YAML setting	What it does	Value possibilities
Container background	container_background	Controls the main canvas background.	Background object, color, gradient, image, or supported visual background.
Card background	card_background	Sets the default background used behind cards.	CSS color value, transparent value, or theme-based value.
Background mode	background_mode	Chooses an animated or generated background mode where supported.	Supported mode such as particles or another visual background mode in the current version.
Enable card animation	animate_cards	Turns entrance or card motion effects on or off.	true or false.
Card shadow	card_shadow	Adds shadow depth to cards.	true or false.
Shadow intensity	card_shadow_intensity	Controls how strong the card shadow is.	Number, from subtle to stronger shadow.
Enable dashboard theme	dashboard_theme_enabled	Lets the dashboard use DDC theme controls.	true or false.
Override card design	dashboard_theme_override_all_design	Lets the dashboard theme override individual card styling more aggressively.	true or false.
Apply background to page	apply_background_to_page	Extends the dashboard background behind the surrounding Home Assistant page.	true or false.