Module: Clock

Module: Clock

Two clock modules are available: clock#time and clock#date, with separate CSS (#clock and #clock.date). Date names follow the system locale (e.g. Chinese month/weekday names).

"modules-right": ["clock#date", "clock#time"],

"clock#date": {
    "format": " {:L%b%d·%A}"
},
"clock#time": {
    "format": " {:L%H:%M}"
}

Options

Option	Type	Default	Description
format	string	%H:%M / %m-%d %a	strftime format; {:L...} forces the system locale

Placeholders

The format is passed to strftime, so any strftime conversion specifier is supported. Wrap with {:L...} to apply the system locale.

Styling

#clock {
    background: linear-gradient(to top, #c4b595, mix(#c4b595, #fbf1c7, 0.3));
    color: #1b1a1a;
}
#clock.date {
    background: linear-gradient(to top, #b8bb26, mix(#b8bb26, #fbf1c7, 0.3));
    color: #1b1a1a;
}