Theming

HACS will try to match your Home Assistant theme as much as possible. There are also several variables you can use in your themes.yaml file to theme HACS further:

VariableUsage
hacs-badge-colorControls the background color on the "NEW" badges in the store, and the custom repository type badges in settings
hacs-badge-text-colorControls the text color on the "NEW" badges in the store, and the custom repository type badges in settings
hacs-status-installedControls the icon color for installed, up-to-date components
hacs-status-pending-restartControls the icon color for installed components that are awaiting a Home Assistant restart
hacs-status-pending-updateControls the icon color for installed components that have an update available

Here's a basic example of customizing one of these variables in themes.yaml:

hacs-badge-text-color: "var(--text-primary-color)"

Last updated on 10/18/2019