Installing the theme created the folder themes\ios-dark-mode in config and placed ios-dark-mode.yaml in it
I looked at ios-dark-mode.yaml and found the following section
# Other
paper-dialog-background-color: rgba(55, 55, 55, 0.8) # e.g., background of more-info
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(155, 155, 155, 0.8)
markdown-code-background-color: "#464646"
changing app-header-background-color: rgba(155, 155, 155, 0.8)
resulted in the header being changed. Works a treat - see attached
One thing I don’t understand yet is why the second theme is not picked up >> I created a copy of the ios-dark-theme > ios-dark-theme2 and applied some changes so I can select from 2 different ios-dark-mode themes. I created a new directory called ios-dark-theme2 in themes and put a modified ios-dark-mode2.yaml in it. However after restarting HA I couldn’t find the theme ios-dark-mode2
How do you guys change the background image of the theme manually? I don’t understand the automation part at all. I don’t know if the instructions are confusing or I am stupid.
@NdR Maybe it’s a bit offtop, but could you tell me how you configured these switches to be 1:1 ratio and arranged in 3 column way? I would really like to have something simmilar in my app.
Hi there,
I’m working on getting my newbie status, so at this point I’ve got everything sorted except the above instruction. I can’t find a frontend.yaml file so at this point totally lost.
I installed iOS Dark and Light Mode with easy background change after using IOS dark theme.
After installation in profile settings, I can choose this new theme but cannot find how to change background and teams. For me no need to automate I just like to select theme, and colour and it is ok for me.
Using this since a year or so, i am really amazed.
But since 2022.3 the entity filter in the developer tools (the first line before the entities) in dark mode is now black (on dark grey background), hard to read. Anybody knows what to change so it’s displayed in white?
Don’t have a link handy for you but look for comments on the release notes blog from Tom the moderator. They discuss this exact thing with parameters I believe.
There are some more alternatives that people proposed and because I don’t have means to test it ATM, it would be great if someone could report which one of these look better:
# TODO: Below contain alternatives that have been proposed in comments
# If anyone can test out the lines in the comments and report
# Which one looks better, that would be great!
mdc-text-field-fill-color: var(--card-background-color)
# mdc-text-field-fill-color: var(--ha-card-background)
mdc-select-fill-color: var(--card-background-color)
# mdc-select-fill-color: var(--ha-card-background)
input-label-ink-color: var(--secondary-text-color)
# input-label-ink-color: var(--primary-text-color)
input-disabled-ink-color: var(--secondary-text-color)
# input-disabled-ink-color: var(--disabled-text-color)
input-disabled-fill-color: var(--card-background-color)
# input-disabled-fill-color: var(--ha-card-background)
input-fill-color: var(--card-background-color)
# input-fill-color: var(--ha-card-background)
input-dropdown-icon-color: var(--primary-text-color)
# input-dropdown-icon-color: var(--light-primary-color)
input-idle-line-color: var(--secondary-text-color)
# input-idle-line-color: var(--card-background-color)
input-hover-line-color: var(--secondary-text-color)
# input-hover-line-color: var(--light-primary-color)
I am completely new to all of this and I’m stuck. I have diligently searched and failed to find info on how to resolve this. Any and all assistance would be greatly appreciated.
Installed theme with HACS.
Edited configuration.yaml and added:
frontend:
… # your configuration.
themes: !include_dir_merge_named themes
… # your configuration.
Created file lovelace-ui.yaml in the config folder.
Added this line to the empty lovelace-ui.yaml file:
background: var(–background-image)
Failed to restart Home Assistant
The system cannot restart because the configuration is not valid: Integration error: themes - Integration ‘themes’ not found. Invalid config for [frontend]: expected a dictionary for dictionary value @ data[‘frontend’]. Got ‘…’. (See ?, line ?).
