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.
hacs-status-installedControls the icon color for installed, up-to-date repositories
hacs-status-pending-restartControls the icon color for installed repositories that are awaiting a Home Assistant restart
hacs-status-pending-updateControls the icon color for installed repositories that have an update available
hacs-status-not-loadedControls the icon color for repositories that is not loaded
link-text-colorControls the color of hyperlinks

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

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

Last updated on