Lovelace but no themes?

Hello.

I was wondering why I don’t have any option to select any new theme. I then tried adding from HACS, but still I don’t get any options to select any new theme. Could anyone please help me with whats missing?

This is how it looks in my settings:
image

Further, I didn’t have any lovelace-ui.yaml or themes.yaml file so tried created this my self, but without any luck. Tried following the instruction of the thems downloaded, but still without success.

I hope you can help please.

Did you add the following lines to configuration.yaml?

frontend:
  themes: !include_dir_merge_named themes

Yes - that exact line.
Or should I replace any of it with a specific path for the theme i want activatd?

No, that line just shows the fronted, where the themes are located. Can you check if your downloaded themes are there?

like this?

frontend.
themes: /themes/ios-dark-mode

No, I mean if you go to your home assistant folder (where the configuration.yaml is located). Is there a folder called “themes”? And in this “themes” folder, are there your themes that you’ve downloaded via HACS?

Yes. Precise

Did you restart home assistant after downloading a theme for the first time?

Yes. i did but it didn’t like it as it came up in safe mode with error in the frontend code which as instruction said, I inserted to the config file.

frontend:
themes: !include_dir_merge_named themes

Right now i still have the theme in the themes folder, but no frontend code in my config file.

I don’t understand you. I asked earlier, if you have these lines in your configuration.yaml, you said yes. So what do you mean with “no frontend code in my config file”… and please be specific if you want help. The configuration.yaml file is not just a “config file”… there are tons of config files…

Apologize, i will try to make it more clear and appreciate the help - thanks!

  1. I have downloaded the theme through HACS and it’s installed in the themes folder
  2. Every time i insert the instructed code to configuration.yaml and reboot, then HA start in safe mode

“frontend:
themes: !include_dir_merge_named themes”

I suspect the code above is wrong, so i’ve tested different combinations without luck.

Error code when running a configuration check: "Invalid config for [frontend]: [theme] is an invalid option for [frontend]. Check: frontend->frontend->theme. (See /config/configuration.yaml, line 4). "

okay, so you aren’t loading your themes right.

  1. Is your mapping right? It has to be exactly that way:
frontend:
  themes: !include_dir_merge_named themes

This will just work, if your folder is called exactly “themes” and is located in the same folder where configuration.yaml is.

Do you know, that there is a “Check config” button? Learn to not restart your Home Assistant without checking your config after changing something.

Did you write “theme” or “themes”?

I have now inserted what you instructed, and now HA came up and I can now select theme in settings.
I have seriously followed this as per instruction at the github rep, but well well…

Really appreciate your help !! thanks a lot

You are welcome.

FWIW, in the future when posting yaml code, wrap them in triple back ticks. It is likely you may have been missing a critical space somewhere, and we won’t see that without the code wraps because this site will remove leading spaces from normal text.

1 Like

Thanks for the heads up. Will do

Im a bit late to this party, having just noticed this issue now. I’ve been at this issue now for almost a week, following every post to the ‘t’ without success.

So after going thorugh my configuration.yaml code, I noticed two frontend: which was added automaically to my code (i think) for a bubble-pop-up-fix.js

Just throught I should add this in case someone else finds this. I love HA, but sometimes its these small issues (like a toothache you keep putting off) that you cant seem to figure out, or can’t be fkn bothere but it anoyes the crap out of you.