Gradient Themes
Each gradient preset from the Great Docs theme system is available as a details variant using gradient="name".
Sky
Sky gradient
Soft sky blues — inspired by clear horizons.
The animated gradient shifts smoothly through four related hues, creating a gentle sense of motion.
Peach
Peach gradient
Warm peach and blush tones — friendly and inviting.
Works well for introductory or welcoming content.
Prism
Prism gradient
Mint, sky, and lavender — a multi-spectral blend.
Great for highlighting creative or multi-faceted topics.
Lilac
Lilac gradient
Lilac and pink — soft and elegant.
A refined choice for design-related documentation.
Slate
Slate gradient
Cool grays — understated and professional.
Ideal for technical or enterprise documentation.
Honey
Honey gradient
Warm cream and apricot — rich and earthy.
A natural choice for warm, approachable content.
Dusk
Dusk gradient
Soft lavender-blue — twilight serenity.
Evokes calm and focus, perfect for deep-dive content.
Mint
Mint gradient
Pale aqua — fresh and clean.
A crisp option for health, environment, or refreshing topics.
All Presets in Sequence
Every preset shown together for comparison:
Sky
Light: soft sky blues. Dark: deep ocean.
Peach
Light: peach and blush. Dark: warm embers.
Prism
Light: mint, sky, lavender. Dark: deep jewel tones.
Lilac
Light: lilac and pink. Dark: deep violet.
Slate
Light: cool grays. Dark: charcoal depths.
Honey
Light: warm cream. Dark: molten amber.
Dusk
Light: soft lavender. Dark: midnight indigo.
Mint
Light: pale aqua. Dark: deep teal.
Gradient Preset Accordion
Same presets in accordion mode:
Sky
Soft sky blues with animated shimmer.
Peach
Warm peach and blush tones.
Prism
Multi-spectral mint, sky, and lavender.
Lilac
Elegant lilac and pink.
Slate
Understated cool grays.
Honey
Rich cream and apricot.
Dusk
Twilight lavender-blue.
Mint
Fresh pale aqua.
Gleam Border Effect
Add .gleam to give the details frame a traveling light that sweeps around the border:
Default gleam
A subtle light traces the border continuously.
Gleam + Note
The gleam color matches the note type (blue).
Gleam + Tip
The gleam color matches the tip type (green).
Gleam + Warning
The gleam color matches the warning type (amber).
Gleam + Danger
The gleam color matches the danger type (red).
Gleam + Gradient Presets
Combining the gleam border with gradient backgrounds:
Sky gleam
Animated sky gradient with a matching gleam border.
Peach gleam
Warm peach gradient with a matching gleam border.
Prism gleam
Multi-spectral gradient with a matching gleam border.
Lilac gleam
Elegant lilac gradient with a matching gleam border.
Dusk gleam
Twilight gradient with a matching gleam border.
Mint gleam
Fresh aqua gradient with a matching gleam border.
Gleam + Theme Gradient
Theme accent gleam
Uses the site accent colors for both the animated gradient background and the gleam border effect.