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}
Red text
Blue text
Green text
Highlight Colors
Add background highlights using: [your text]{.highlight-color}
Yellow highlight
Pink highlight
Cyan highlight
Orange highlight
Underline Colors
Add colored underlines using: [your text]{.underline-color}
[Red underline]{.underline-red} [Blue underline]{.underline-blue} [Green underline]{.underline-green}
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]{.text-red}** **[Orange]{.text-orange}** **[Amber]{.text-amber}** **[Yellow]{.text-yellow}** **[Lime]{.text-lime}** **[Green]{.text-green}** **[Emerald]{.text-emerald}** **[Teal]{.text-teal}** **[Cyan]{.text-cyan}** **[Sky]{.text-sky}** **[Blue]{.text-blue}** **[Indigo]{.text-indigo}** **[Violet]{.text-violet}** **[Purple]{.text-purple}** **[Fuchsia]{.text-fuchsia}** **[Pink]{.text-pink}** **[Rose]{.text-rose}** **[Slate]{.text-slate}** **[Gray]{.text-gray}** **[Zinc]{.text-zinc}** **[Neutral]{.text-neutral}** **[Stone]{.text-stone}**
[Red]{.highlight-red} [Orange]{.highlight-orange} [Amber]{.highlight-amber} [Yellow]{.highlight-yellow} [Lime]{.highlight-lime} [Green]{.highlight-green} [Emerald]{.highlight-emerald} [Teal]{.highlight-teal} [Cyan]{.highlight-cyan} [Sky]{.highlight-sky} [Blue]{.highlight-blue} [Indigo]{.highlight-indigo} [Violet]{.highlight-violet} [Purple]{.highlight-purple} [Fuchsia]{.highlight-fuchsia} [Pink]{.highlight-pink} [Rose]{.highlight-rose} [Slate]{.highlight-slate} [Gray]{.highlight-gray} [Zinc]{.highlight-zinc} [Neutral]{.highlight-neutral} [Stone]{.highlight-stone}
[Red]{.underline-red} [Orange]{.underline-orange} [Amber]{.underline-amber} [Yellow]{.underline-yellow} [Lime]{.underline-lime} [Green]{.underline-green} [Emerald]{.underline-emerald} [Teal]{.underline-teal} [Cyan]{.underline-cyan} [Sky]{.underline-sky} [Blue]{.underline-blue} [Indigo]{.underline-indigo} [Violet]{.underline-violet} [Purple]{.underline-purple} [Fuchsia]{.underline-fuchsia} [Pink]{.underline-pink} [Rose]{.underline-rose} [Slate]{.underline-slate} [Gray]{.underline-gray} [Zinc]{.underline-zinc} [Neutral]{.underline-neutral} [Stone]{.underline-stone}