Hi all, my first post here
Just dipping my toes in HA
I’m trying to apply one of the themes, specifically
It all good however I don’t see the background
Github instructions state I should add background: var(--background-image) to lovelace-ui.yaml but I don’t have that file according to VSCode extension.
I’m not even sure I use Lovelace and if that’s still a thing because I cannot find any word like that via search functionality in the Settings
I’m on
I tried to create that lovelace-ui.yaml via VSCode and did a Quick restart, but no luck.
Just asking for help before I brick HA before even starting.
I can help, but it sounds like you are just starting out. Instead of VSCode install the File Editor addon and we will go from there. It is a little more beginner friendly.
Please verify your config file has this at the minimum
# Loads default set of integrations. Do not remove.
default_config:
# Load frontend themes from the themes folder
frontend:
themes: !include_dir_merge_named themes
automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml
The theme you downloaded hasn’t been updated in years and appears to be outdated.
I feel comfortable with VSCode since I’m using it outside of HA for regular development. I hope that does not make a difference?
My configuration.yaml is exactly as you specified and it was a bit of a concern for me the last update on Gthub, but I was assuming it’s kind of don’t try to fix what ain’t broken situation.
It’s not, I loaded it last night and it didn’t work for me as well. Now what you can do is copy and paste the theme.yaml into your theme folder and produce the same effect.
The backgrounds are downloadable from his GitHub
This will add the background as long as your pic is stored in the reference folder. lovelace-background: center / cover no-repeat fixed url('/local/pics/red-blue.jpeg')
www=local and I created the folder pic
# From https://github.com/basnijholt/lovelace-ios-themes
#
# iOS Light Mode Theme - dark-green
#
ios-light-mode-dark-green-alternative:
# Global
lovelace-background: center / cover no-repeat fixed url('/local/pics/red-blue.jpeg')
primary-color: "#FF9F09" # from Apple systemOrange dark mode
light-primary-color: "#B6B6C1" # light gray (icons on left menu)
primary-background-color: "#2c2c2e" # systemGray5 dark mode
secondary-background-color: rgba(25, 25, 25, 0.7)
divider-color: "#98989d" # from Apple systemGray dark mode
accent-color: rgba(255, 159, 9, 1)
....
