Closed fusionstream closed 1 year ago
...or you can define different variables in your themes instantly:
my_theme:
modes:
light:
user-bar-card-fill-color: red
...
dark:
user-bar-card-fill-color: green
...
Sorry should have been clearer. Am not using themes. Stock light and dark mode.
Did you try the new CSS media selectors? https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/
Did you try the new CSS media selectors?
Success!
type: entities
entities:
- entity: sun.sun
name: cyan if DARK
card_mod:
style:
hui-generic-entity-row $: |
@media (prefers-color-scheme: dark) {
state-badge {color: cyan;}
}
@media (prefers-color-scheme: light) {
state-badge {color: red;}
}
Described here: https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744/3017
Would be cool to be able to detect dark mode. That way one can have separate color palettes for light and dark mode