Comments (5)
a couple steps you still need to do to get the same as in the sample (from the instructions)
Step 2. Add the following line to your lovelace-ui.yaml or use the RAW editor:
background: var(--background-image)
Step 3: (Optional) add the following to the same file to make the header smaller (you need to install custom-header too):
custom_header:
background: 'rgba(155, 155, 155, 0.25)'
compact_mode: true
button_text:
options: '{{ hours24 }}:{{ minutesLZ }}'
from lovelace-ios-dark-mode-theme.
ok, thanks
Now all work fine on desktop version, but in app home assistant for IOS I see always default theme white&blue...
from lovelace-ios-dark-mode-theme.
I'm having the same problem here I'm afraid, even with those lines added:
root@raspberrypi:/home/homeassistant/.homeassistant# ls -la
total 2376
drwxr-xr-x 8 homeassistant homeassistant 4096 Mar 31 16:04 .
drwxr-xr-x 4 homeassistant homeassistant 4096 Mar 31 12:53 ..
-rw-r--r-- 1 homeassistant homeassistant 2 Mar 31 12:53 automations.yaml
drwxr-xr-x 2 homeassistant homeassistant 4096 Mar 31 14:01 .cloud
-rw-r--r-- 1 homeassistant homeassistant 321 Mar 31 15:46 configuration.yaml
drwxr-xr-x 5 homeassistant homeassistant 4096 Mar 31 14:19 custom_components
drwxr-xr-x 2 homeassistant homeassistant 4096 Mar 31 12:53 deps
-rw-r--r-- 1 homeassistant homeassistant 0 Mar 31 12:53 groups.yaml
-rw-r--r-- 1 homeassistant homeassistant 7 Mar 31 12:53 .HA_VERSION
-rw-r--r-- 1 homeassistant homeassistant 825 Mar 31 16:08 home-assistant.log
-rw-r--r-- 1 homeassistant homeassistant 2371584 Mar 31 15:18 home-assistant_v2.db
-rw-r--r-- 1 homeassistant homeassistant 175 Mar 31 16:01 lovelace-ui.yaml
-rw-r--r-- 1 homeassistant homeassistant 0 Mar 31 12:53 scenes.yaml
-rw-r--r-- 1 homeassistant homeassistant 0 Mar 31 12:53 scripts.yaml
-rw-r--r-- 1 homeassistant homeassistant 161 Mar 31 12:53 secrets.yaml
drwxr-xr-x 2 homeassistant homeassistant 4096 Mar 31 16:09 .storage
drwxr-xr-x 3 homeassistant homeassistant 4096 Mar 31 16:08 themes
drwxr-xr-x 2 homeassistant homeassistant 4096 Mar 31 13:40 tts
And lovelace-ui.yaml:
root@raspberrypi:/home/homeassistant/.homeassistant# cat lovelace-ui.yaml
background: var(--background-image)
custom_header:
background: 'rgba(155, 155, 155, 0.25)'
compact_mode: true
button_text:
options: '{{ hours24 }}:{{ minutesLZ }}'
Would love to get it working - Beautiful looking theme!
from lovelace-ios-dark-mode-theme.
Hi,
my config seems the same..
I don't understood...there is a bug in your plugin? I have to change something?
from lovelace-ios-dark-mode-theme.
Did you install custom-header?
from lovelace-ios-dark-mode-theme.
Related Issues (20)
- what is encoded content to change background? HOT 5
- Network card? HOT 2
- RGBW Lightbulb on or off
- Totally lost how to install this... HOT 4
- "custom header" is no longer an active Project (since 10/2020) HOT 7
- Togle button OFF all black
- Background doesn't change. HOT 2
- Why does my top bar look like this compared to the image? HOT 9
- Reduce transparency of the background HOT 1
- Theme need update as from HA Core 2022.3.0 HOT 20
- background-image: css styling not making it to the dashboard with latest update HOT 1
- ios-dark-mode.yaml contains duplicate key HOT 1
- Changing background doesn't work since last update HOT 1
- dashboard page freeze HOT 1
- Custom Background images don't survive updates HOT 1
- Borders on all entities after the latest Home Assistant 2022.11.0 upgrade HOT 2
- Backgrounds no longer Work they go White
- /config/configuration.yaml error
- /hacsfiles/themes/ios-themes/homekit-bg-blue-red.jpg error HOT 1
- Change color of title name HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lovelace-ios-dark-mode-theme.