Bold Theme
A vibrant, high-contrast theme with strong colors and prominent shadows. Ideal for consumer apps and marketing sites.
Preview
- Rich gradient backgrounds
- Large, bold typography
- Strong drop shadows
- Generous padding
Usage
ts
import '@guideflow/core/styles'
import '@guideflow/core/styles/themes/bold.css'Design Tokens
| Token | Value |
|---|---|
--gf-popover-bg | #1e1b4b |
--gf-popover-color | #f8fafc |
--gf-popover-border | 2px solid #6366f1 |
--gf-popover-border-radius | 16px |
--gf-popover-shadow | 0 20px 40px rgba(99,102,241,0.3) |
--gf-btn-primary-bg | #6366f1 |
--gf-btn-primary-color | #ffffff |