Themes
Catppuccin Mocha
DarkColor Palette
Background
Surface
Overlay
Text
Primary
Success
Warning
Danger
Info
Live Preview
Buttons
State Buttons
Tags
Default Primary Success Warning Danger Info
Form Elements
Card
Sample Card
This card adapts to the selected theme colors automatically.
Notifications
A success notification.
A warning notification.
Code Block
// Syntax highlighting with theme colors
function greet(name) {
return `Hello, ${name}!`;
}CSS Variables
Click any variable to copy
--turbo-bg-base --turbo-bg-surface --turbo-bg-overlay --turbo-text-primary --turbo-text-secondary --turbo-text-inverse --turbo-brand-primary --turbo-state-success --turbo-state-warning --turbo-state-danger --turbo-state-info --turbo-border-default