You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+59-4Lines changed: 59 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -15,11 +15,11 @@ You might have to add a character and remove it again, before the Save button be
15
15
16
16
In addition to the js file is moment.js needed, but only if you plan to use dateformat or timeformat. To install moment.js add these lines in the section 'resources' in ui-lovelace.yaml:
If you use the dateformat or timeformat and the hands are not shown, that probably means moment.js is not properly loaded.
22
+
If you use the dateformat or timeformat and date or digital time are not shown, that probably means moment.js is not properly loaded. Refresh the cache in your browser.
| locale | String | HA setting | Locale for date and week day |
34
-
| timezone | String | Browser setting | Time zone, for example Europe/Stockholm |
34
+
| timezone | String | Browser setting | Time zone, for example Europe/Stockholm [Time zones](https://timezonedb.com/time-zones)|
35
35
| show_timezone | Boolean | false | If true, show time zone instead of week day |
36
36
| timezonedisplayname | String || Name of the time zone to be shown |
37
37
| diameter | Integer | Automatic | Diameter of the clock |
38
38
| hide_secondhand | Boolean | false | If true, the second hand is hidden |
39
-
| hide_weeknumber | Boolean | true | If true, the week number is hidden NOTE: default has changed to true |
39
+
| hide_weeknumber | Boolean | true | If true, the week number is hidden |
40
40
| hide_weekday | Boolean | false | If true, the week day is hidden |
41
41
| hide_date | Boolean | false | If true, the date is hidden |
42
42
| hide_facedigits | Boolean | false | If true, the hour numbers are hidden |
43
43
| hide_digitaltime | Boolean | false | If true, the digital time hidden |
44
44
| color_background | String | primary background color | Background color of the clock |
45
45
| color_ticks | String | Silver | Color of the border ticks |
46
46
| hide_minorticks | Boolean | false | Hides the minor ticks |
47
+
| hide_majorticks | Boolean | false | Hides the major ticks and the outer circle |
47
48
| color_facedigits | String | Silver | Color of the borde digits |
48
49
| color_digitaltime | String | #CCCCCC | Color of the digital time |
49
50
| color_hourhand | String | #CCCCCC | Color of the hour hand |
@@ -64,6 +65,16 @@ Themes are settings that are applied during a time interval. Any setting except
64
65
| - time | time interval | A time interval in the format HHMM-HHMM, there can be multiple 'time' sections
65
66
| color_background | String | Background color of the clock |
66
67
68
+
### Colors
69
+
70
+
All colors can be entered in one of four different ways:
71
+
- "green" The color in plain text. [Available colors](https://www.w3.org/TR/css-color-3/#svg-color)
72
+
- "#3273a8" The first two digits are the level of Red in hex, 00 - FF. The second two Green, and the last two Blue. "#000000" is black, "#FF00FF" is bright pink and "#FFFFFF" is white.
73
+
- rgba(0,0,0,0) The first two number is the level of Red in decimal, 0 - 255. The second Green, the third Blue and the last is alpha. Alpha is in decimal 0 - 1, where 0 is transparent. rgba(0,0,0,1) is black, rgba(255,0,255,1) is bright pink, rgba(0,0,0,1) is white and rgba(0,0,0,0.5) is semi transparent. Note that the value should not be quoted.
74
+
- "--secondary-text-color" Refers to Home Assistant CSS variables.
It is possible to supply your own watch face, you can do that by using a [picture-elements card](https://www.home-assistant.io/dashboards/picture-elements/) and also [card_mod](https://github.com/thomasloven/lovelace-card-mod). The trick is to set the background to transparent, this is done in two places 'rgba(0,0,0,0)'.
0 commit comments