I am experimenting with HA for a while (love it) and am now working at adjusting the UI. I made a layout / structure with the UI editor, so far so good. Now I want to adjust the look & feel and understand that this actually comes down to applying a theme. However, I cannot select a theme in the UI editor.
I expected this theme to be available in the UI Editor, but it is not.
What is going wrong?
I have searched the Internet but I am still struggling. I see posts about defining themes in “themes.yaml” (so called yaml-mode?), or configuring “lovelace config file”. Is this indeed the way to go? Or is configuring themes.yaml etc not necessary and is adding / applying possible with the UI editor in conjunction with Hacs and my user profile?
My experience is that (for newbees) it sometimes is difficult to find the right information about HA. HA develops quickly and that is wonderful. Consequence however is that a lot of information on the Internet (and the formal HA documentation[?]) often is outdated, witch can be confusing. Therefore this check about the way to move forward.
Hacs is playing up a bit, you can ignore that error.
Install a couple of themes - restart homeassistant, and make sure that in your config directory (where your configuration.yaml is) there is a directory called themes with a file for each theme you downloaded inside.
If they don’t appear in your list try clearing your browser cache.
You were just ahead of me. I had started doing something else and suddenly realized that probably still “some configuration” had to be done in config.yaml.
But it is still not working
This config line went wrong => HA started in safeMode
frontend:
themes: !include_dir_named themes
After that I tried
frontend:
themes: !include_dir_named /root/config/themes
and
frontend:
themes: !include_dir_named /root/config/themes**/**
HA started ok after 2) and 3) but no themes available in the UI editor (I also cleared the cache).
I guess I am almost there…but am doing something wrong in the line “themes: !include_dir_named themes”
Folder structure is as follows:
I guess I don’t have to refer to one specific theme - correct?
With any content in the themes-folder it goes wrong => ha boots to safe mode
Doesn’t matter if the the theme-files are directly located in the themes-folder or in subDirs.
Something else that I noted.
If I uninstall themes via Hacs the corresponding theme-subDirs in the config-Dir are not being removed. I expected that it would
Possible that one of your theme files has an erroneous entry that homeassistant doesn’t like, but without the error log we’re all stumbling around in the dark.
See indeed some frontEnd-stuff; culprit in line 2?
2020-03-15 11:13:22 WARNING (MainThread) [homeassistant.loader] You are using a custom integration for hacs which has not been tested by Home Assistant. This component might cause stability problems, be sure to disable it if you do experience issues with Home Assistant.
2020-03-15 11:13:30 ERROR (MainThread) [homeassistant.config] Invalid config for [frontend]: value should be a string for dictionary value @ data[‘frontend’][‘themes’][‘halloween’][‘halloween’]. Got OrderedDict([(‘dark-primary-color’, ‘#7a4901’), (‘disabled-text-color’, ‘#242424’), (‘divider-color’, ‘rgba(255, 0, 0, 0.12)’), (‘label-badge-background-color’, ‘var(–secondary-background-color)’), (‘label-badge-text-color’, ‘var(–text-primary-color)’), (‘light-primary-color’, ‘#ff8f45’), (‘paper-card-background-color’, ‘#000000’), (‘paper-card-header-color’, ‘#var(–paper-item-icon-color)’), (‘paper-grey-200’, ‘#4e4e4e’), (‘paper-grey-50’, ‘var(–primary-text-color)’), ('paper-item-icon-ac… (See /config/configuration.yaml, line 13). Please check the docs at https://www.home-assistant.io/integrations/frontend
2020-03-15 11:13:30 ERROR (MainThread) [homeassistant.setup] Setup failed for frontend: Invalid config.
2020-03-15 11:13:30 ERROR (MainThread) [homeassistant.setup] Unable to set up dependencies of panel_custom. Setup failed for dependencies: frontend
2020-03-15 11:13:30 ERROR (MainThread) [homeassistant.setup] Setup failed for panel_custom: Could not set up all dependencies.
2020-03-15 11:13:30 ERROR (MainThread) [homeassistant.setup] Unable to set up dependencies of map. Setup failed for dependencies: frontend
2020-03-15 11:13:30 ERROR (MainThread) [homeassistant.setup] Setup failed for map: Could not set up all dependencies.
2020-03-15 11:13:30 ERROR (MainThread) [homeassistant.setup] Unable to set up dependencies of hacs. Setup failed for dependencies: frontend
2020-03-15 11:13:30 ERROR (MainThread) [homeassistant.setup] Setup failed for hacs: Could not set up all dependencies.
2020-03-15 11:13:30 ERROR (MainThread) [homeassistant.setup] Unable to set up dependencies of logbook. Setup failed for dependencies: frontend
2020-03-15 11:13:30 ERROR (MainThread) [homeassistant.setup] Setup failed for logbook: Could not set up all dependencies.
2020-03-15 11:13:30 ERROR (MainThread) [homeassistant.setup] Unable to set up dependencies of hassio. Setup failed for dependencies: panel_custom
2020-03-15 11:13:30 ERROR (MainThread) [homeassistant.setup] Setup failed for hassio: Could not set up all dependencies.
2020-03-15 11:13:30 ERROR (MainThread) [homeassistant.setup] Unable to set up dependencies of default_config. Setup failed for dependencies: frontend, logbook, map
2020-03-15 11:13:30 ERROR (MainThread) [homeassistant.setup] Setup failed for default_config: Could not set up all dependencies.
2020-03-15 11:13:35 WARNING (MainThread) [homeassistant.bootstrap] Detected that frontend did not load. Activating safe mode
2020-03-15 11:13:38 WARNING (MainThread) [homeassistant.components.hassio.handler] Don’t use ‘server_host’ options with Hass.io