Styling Guide

Colors

Add color emphasis to your cards with Decklio's coloring syntax. Highlight important terms, create visual cues, and make your cards more memorable.

Text Colors

Change text color using the syntax: [your text]{.text-color}

Editor

Red text
Blue text
Green text

Preview

Highlight Colors

Add background highlights using: [your text]{.highlight-color}

Editor

Yellow highlight
Pink highlight
Cyan highlight
Orange highlight

Preview

Underline Colors

Add colored underlines using: [your text]{.underline-color}

Editor

Red underline
Blue underline
Green underline

Preview

Available Colors

All Tailwind CSS color names are supported for each style type:

red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose, slate, gray, zinc, neutral, stone

Red Orange Amber
Yellow Lime Green
Emerald Teal Cyan
Sky Blue Indigo
Violet Purple Fuchsia
Pink Rose
Slate Gray Zinc Neutral Stone

Red Orange Amber
Yellow Lime Green
Emerald Teal Cyan
Sky Blue Indigo
Violet Purple Fuchsia
Pink Rose
Slate Gray Zinc Neutral Stone

Red Orange Amber
Yellow Lime Green
Emerald Teal Cyan
Sky Blue Indigo
Violet Purple Fuchsia
Pink Rose
Slate Gray Zinc Neutral Stone

Did this answer your question?

Colors - Decklio