Skip to content GitHub
Guide contents
English View source

Clock

English · Español

Clock

CyberClock provides both analog and digital time display with smooth animations, plus a customizable clock name.


Analog Clock

Dial Designs

  • Choose from 10 analog dial designs: Classic, Minimal, Segments, HUD, Quantum, Chrono, Hex Matrix, Reactor Core, Circuit PCB, and Gem Crown.
  • Gem Crown adds a multicolor faceted bezel, gemstone hour markers, prismatic accents, and an animated sparkle sweep.

Rendering

  • Canvas-rendered for smooth animation
  • Neon accent colors for hands and markers, following the active theme
  • Smooth second hand movement (not tick-based)

Clock Elements

Element Description
Hour hand Short, thick hand
Minute hand Long, medium hand
Second hand Long, thin hand with neon glow
Hour markers 12 major markers
Minute markers 60 minor markers
Center dot Decorative center cap

Hiding the Analog Clock

The analog clock can be hidden in full mode (Settings → Appearance): the calendar dashboard then takes the full width of the Home view. This affects the full-mode Home view only.


Digital Display

Features

  • Font: Space Grotesk with fixed-width digit cells for stable alignment

Time Formats

Format Example
12-hour 11:45:30 PM
24-hour 23:45:30

Welcome Greeting

Full Mode can show a time-aware welcome message beside the CyberClock brand when it opens. Add an optional name under Settings → General → Welcome to personalize it, for example Good morning, Carlos or its Spanish equivalent.


Brand Text

A custom wordmark replaces the default CYBERGEMS text next to the clock:

  • Edit it in Settings → Appearance → Brand Text
  • An inline reset icon restores the default wordmark
  • Shown in full mode and in the mini mode skins that display it

Display Settings

Setting Where Description
Time format Settings → Appearance 12H / 24H
Show seconds Settings → Appearance Toggle seconds display
Brand text Settings → Appearance Custom wordmark with inline reset
Hide analog clock Settings → Appearance Give the calendar the full width (full mode)
CRT scanlines Settings → Mini Mode Retro CRT overlay effect (mini mode)

💡 Esc or Enter closes the Settings overlay from anywhere.

← All documentation