Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.cycleapp.dev/llms.txt

Use this file to discover all available pages before exploring further.

The Style Guide defines Cycle’s visual language — colors, states, and component designs so contributors can build consistent interfaces that align with the UI.
Cycle only supports dark mode.
These colors were pulled from the built in Tailwind CSS colors.
This table shows the colors used in different states.

Idle

Hover

Active

Events also use a color system with predefined values shown below. Users can also define a custom hex code not found in this palette.

Event Colors