Skip to content

Krakoukas73/home-assistant-dark-light-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

97 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

ο»Ώ

About

Various light & overloaded theme for Home Assistant using CSS, SVG and awesome Card-mod from Thomas LovΓ©n

B   W

HA thèmes Dark et Light copy

Dark theme

dark-main

darky

Light clean theme

light-main

light

Warcraft & Diablo overloaded theme

Fully compatible and customisable with all card sizes and custom cards

compatible-final

image

image

image

image

image

Paper theme

image

Azure theme

image

Algolia theme

image

Glassmorphism theme

image

image

Spirale theme

image

Rounded 1 theme

image

image

Rounded 2 theme

image

image

image

Installation

Manual :

  • Copy all directories in /themes/ Home Assistant folder
  • Restart Home Assistant
  • Choose a theme (do not use base themes)

OR use HACS :

Special transparent theme

(for picture-only, without border or background)

Use markdown card, add picture and select "Transparent" theme :

picture-light

picture-dark

See wiki for more title features and fun tricks :

image

Troubleshooting

  • Strange glitches sometimes
  • TTF Fonts are not included (Roboto, Bebas Neue). You should add your own fonts in Home Assistant
  • Cancel glow/animate/shadow CSS effects (consuming too much CPU even with modern devices)

glow

Work in progress

  • Animated Glassmorphism (youtube)

Watch the video

License

This project stands under GNU General Public License. Contributions to are welcomed. Tell me if you have a good idea for the project or do a pull request.

Buy me a coffee

πŸ™ Thank you ! πŸ™