Home assistant sun card based on Google weather design
- Go to
HACS > Frontend
and click on settings (3 dots in the top right corner) and click on custom repositories. - Add
https://github.com/AitorDB/home-assistant-sun-card
as URL and choose Lovelace as category.
- Download the
home-assistant-sun-card.js
file from the latest release available and save it in yourconfiguration/www
folder. - Go to
Configuration > Lovelace dashboard > Resources
in Home Assistant and click onAdd resource
.- Add
/local/community/home-assistant-sun-card.js
to the URL. - Choose
Javascript Module
as Resource type.
- Add
- Go to your dashboard, enter in edit mode and click on
Add card
, you should be able to findCustom: Sun card
in the list.
Note: If Custom: Sun card
doesn't appear you will have to reload cleaning the cache.
Name | Accepted values | Description | Default |
---|---|---|---|
darkMode | boolean |
Changes card colors to dark or light | Home assistant dark mode state |
language | 'es' /'en' |
Changes card language | Home assistant language or english if not supported |
showAzimuth | boolean |
Displays azimuth in the footer | false |
showElevation | boolean |
Displays elevation in the footer | false |
title | string |
Card title | Doesn't display a title by default |
- Home assistant seems to provide next events instead today's one
- Adjust styles
- Fix issue regarding next events
- Add to HACS (hacs/default#951)