analog-clock-card by @aidanblack
Home Assistant Lovelace Analog Clock Card
This is my first attempt at a custom card for the Home Assistant Lovelace UI. Apologies in advance if my implementation is imperfect or incomplete! It is a simple analog clock that uses SVG. The clock face uses roman numerals, since these are easier to rotate than standard numbers. The date is now using the default locale short month format, so it should reflect your locale settings.
Please feel free to implement any ideas or suggestions and issue a pull request. I can not guarantee that I will respond immediately, but I will consider all suggestions.
- Under HACS -> Settings, add
https://github.com/aidanblack/analog-clock-card
as a custom repository - Search for 'analog clock card' under HACS -> Plugins
- Install the plugin.
- Add a new card to your Lovelace UI:
type: 'custom:analog-clock-card'
- That's it! There currently isn't anything to configure or any options.
- Copy the
analog-clock-card.js
file to yourconfig/www
folder - Add a resource to your Lovelace configuration:
/local/analog-clock-card.js
(optionally increment a 'version' number to force the card to reload after an update)
- Add a new card to your Lovelace UI:
type: 'custom:analog-clock-card'
- That's it! There currently isn't anything to configure or any options.
Currently the clock uses colors from your theme: