Kostom.net

color


Utilities for controlling the color of an element's text. Check this unity documentation for more information on color.
ClassStyles
text-inheritcolor: var(--color-inherit);
text-transparentcolor: var(--color-transparent);
text-blackcolor: var(--color-black);
text-whitecolor: var(--color-white);
text-red-50color: var(--color-red-50);
text-red-100color: var(--color-red-100);
text-red-200color: var(--color-red-200);
text-red-300color: var(--color-red-300);
text-red-400color: var(--color-red-400);
text-red-500color: var(--color-red-500);
text-red-600color: var(--color-red-600);
text-red-700color: var(--color-red-700);
text-red-800color: var(--color-red-800);
text-red-900color: var(--color-red-900);
text-red-950color: var(--color-red-950);
text-orange-50color: var(--color-orange-50);
text-orange-100color: var(--color-orange-100);
text-orange-200color: var(--color-orange-200);
text-orange-300color: var(--color-orange-300);
text-orange-400color: var(--color-orange-400);
text-orange-500color: var(--color-orange-500);
text-orange-600color: var(--color-orange-600);
text-orange-700color: var(--color-orange-700);
text-orange-800color: var(--color-orange-800);
text-orange-900color: var(--color-orange-900);
text-orange-950color: var(--color-orange-950);
text-amber-50color: var(--color-amber-50);
text-amber-100color: var(--color-amber-100);
text-amber-200color: var(--color-amber-200);
text-amber-300color: var(--color-amber-300);
text-amber-400color: var(--color-amber-400);
text-amber-500color: var(--color-amber-500);
text-amber-600color: var(--color-amber-600);
text-amber-700color: var(--color-amber-700);
text-amber-800color: var(--color-amber-800);
text-amber-900color: var(--color-amber-900);
text-amber-950color: var(--color-amber-950);
text-yellow-50color: var(--color-yellow-50);
text-yellow-100color: var(--color-yellow-100);
text-yellow-200color: var(--color-yellow-200);
text-yellow-300color: var(--color-yellow-300);
text-yellow-400color: var(--color-yellow-400);
text-yellow-500color: var(--color-yellow-500);
text-yellow-600color: var(--color-yellow-600);
text-yellow-700color: var(--color-yellow-700);
text-yellow-800color: var(--color-yellow-800);
text-yellow-900color: var(--color-yellow-900);
text-yellow-950color: var(--color-yellow-950);
text-lime-50color: var(--color-lime-50);
text-lime-100color: var(--color-lime-100);
text-lime-200color: var(--color-lime-200);
text-lime-300color: var(--color-lime-300);
text-lime-400color: var(--color-lime-400);
text-lime-500color: var(--color-lime-500);
text-lime-600color: var(--color-lime-600);
text-lime-700color: var(--color-lime-700);
text-lime-800color: var(--color-lime-800);
text-lime-900color: var(--color-lime-900);
text-lime-950color: var(--color-lime-950);
text-green-50color: var(--color-green-50);
text-green-100color: var(--color-green-100);
text-green-200color: var(--color-green-200);
text-green-300color: var(--color-green-300);
text-green-400color: var(--color-green-400);
text-green-500color: var(--color-green-500);
text-green-600color: var(--color-green-600);
text-green-700color: var(--color-green-700);
text-green-800color: var(--color-green-800);
text-green-900color: var(--color-green-900);
text-green-950color: var(--color-green-950);
text-emerald-50color: var(--color-emerald-50);
text-emerald-100color: var(--color-emerald-100);
text-emerald-200color: var(--color-emerald-200);
text-emerald-300color: var(--color-emerald-300);
text-emerald-400color: var(--color-emerald-400);
text-emerald-500color: var(--color-emerald-500);
text-emerald-600color: var(--color-emerald-600);
text-emerald-700color: var(--color-emerald-700);
text-emerald-800color: var(--color-emerald-800);
text-emerald-900color: var(--color-emerald-900);
text-emerald-950color: var(--color-emerald-950);
text-teal-50color: var(--color-teal-50);
text-teal-100color: var(--color-teal-100);
text-teal-200color: var(--color-teal-200);
text-teal-300color: var(--color-teal-300);
text-teal-400color: var(--color-teal-400);
text-teal-500color: var(--color-teal-500);
text-teal-600color: var(--color-teal-600);
text-teal-700color: var(--color-teal-700);
text-teal-800color: var(--color-teal-800);
text-teal-900color: var(--color-teal-900);
text-teal-950color: var(--color-teal-950);
text-cyan-50color: var(--color-cyan-50);
text-cyan-100color: var(--color-cyan-100);
text-cyan-200color: var(--color-cyan-200);
text-cyan-300color: var(--color-cyan-300);
text-cyan-400color: var(--color-cyan-400);
text-cyan-500color: var(--color-cyan-500);
text-cyan-600color: var(--color-cyan-600);
text-cyan-700color: var(--color-cyan-700);
text-cyan-800color: var(--color-cyan-800);
text-cyan-900color: var(--color-cyan-900);
text-cyan-950color: var(--color-cyan-950);
text-sky-50color: var(--color-sky-50);
text-sky-100color: var(--color-sky-100);
text-sky-200color: var(--color-sky-200);
text-sky-300color: var(--color-sky-300);
text-sky-400color: var(--color-sky-400);
text-sky-500color: var(--color-sky-500);
text-sky-600color: var(--color-sky-600);
text-sky-700color: var(--color-sky-700);
text-sky-800color: var(--color-sky-800);
text-sky-900color: var(--color-sky-900);
text-sky-950color: var(--color-sky-950);
text-blue-50color: var(--color-blue-50);
text-blue-100color: var(--color-blue-100);
text-blue-200color: var(--color-blue-200);
text-blue-300color: var(--color-blue-300);
text-blue-400color: var(--color-blue-400);
text-blue-500color: var(--color-blue-500);
text-blue-600color: var(--color-blue-600);
text-blue-700color: var(--color-blue-700);
text-blue-800color: var(--color-blue-800);
text-blue-900color: var(--color-blue-900);
text-blue-950color: var(--color-blue-950);
text-indigo-50color: var(--color-indigo-50);
text-indigo-100color: var(--color-indigo-100);
text-indigo-200color: var(--color-indigo-200);
text-indigo-300color: var(--color-indigo-300);
text-indigo-400color: var(--color-indigo-400);
text-indigo-500color: var(--color-indigo-500);
text-indigo-600color: var(--color-indigo-600);
text-indigo-700color: var(--color-indigo-700);
text-indigo-800color: var(--color-indigo-800);
text-indigo-900color: var(--color-indigo-900);
text-indigo-950color: var(--color-indigo-950);
text-violet-50color: var(--color-violet-50);
text-violet-100color: var(--color-violet-100);
text-violet-200color: var(--color-violet-200);
text-violet-300color: var(--color-violet-300);
text-violet-400color: var(--color-violet-400);
text-violet-500color: var(--color-violet-500);
text-violet-600color: var(--color-violet-600);
text-violet-700color: var(--color-violet-700);
text-violet-800color: var(--color-violet-800);
text-violet-900color: var(--color-violet-900);
text-violet-950color: var(--color-violet-950);
text-purple-50color: var(--color-purple-50);
text-purple-100color: var(--color-purple-100);
text-purple-200color: var(--color-purple-200);
text-purple-300color: var(--color-purple-300);
text-purple-400color: var(--color-purple-400);
text-purple-500color: var(--color-purple-500);
text-purple-600color: var(--color-purple-600);
text-purple-700color: var(--color-purple-700);
text-purple-800color: var(--color-purple-800);
text-purple-900color: var(--color-purple-900);
text-purple-950color: var(--color-purple-950);
text-fuchsia-50color: var(--color-fuchsia-50);
text-fuchsia-100color: var(--color-fuchsia-100);
text-fuchsia-200color: var(--color-fuchsia-200);
text-fuchsia-300color: var(--color-fuchsia-300);
text-fuchsia-400color: var(--color-fuchsia-400);
text-fuchsia-500color: var(--color-fuchsia-500);
text-fuchsia-600color: var(--color-fuchsia-600);
text-fuchsia-700color: var(--color-fuchsia-700);
text-fuchsia-800color: var(--color-fuchsia-800);
text-fuchsia-900color: var(--color-fuchsia-900);
text-fuchsia-950color: var(--color-fuchsia-950);
text-pink-50color: var(--color-pink-50);
text-pink-100color: var(--color-pink-100);
text-pink-200color: var(--color-pink-200);
text-pink-300color: var(--color-pink-300);
text-pink-400color: var(--color-pink-400);
text-pink-500color: var(--color-pink-500);
text-pink-600color: var(--color-pink-600);
text-pink-700color: var(--color-pink-700);
text-pink-800color: var(--color-pink-800);
text-pink-900color: var(--color-pink-900);
text-pink-950color: var(--color-pink-950);
text-rose-50color: var(--color-rose-50);
text-rose-100color: var(--color-rose-100);
text-rose-200color: var(--color-rose-200);
text-rose-300color: var(--color-rose-300);
text-rose-400color: var(--color-rose-400);
text-rose-500color: var(--color-rose-500);
text-rose-600color: var(--color-rose-600);
text-rose-700color: var(--color-rose-700);
text-rose-800color: var(--color-rose-800);
text-rose-900color: var(--color-rose-900);
text-rose-950color: var(--color-rose-950);
text-slate-50color: var(--color-slate-50);
text-slate-100color: var(--color-slate-100);
text-slate-200color: var(--color-slate-200);
text-slate-300color: var(--color-slate-300);
text-slate-400color: var(--color-slate-400);
text-slate-500color: var(--color-slate-500);
text-slate-600color: var(--color-slate-600);
text-slate-700color: var(--color-slate-700);
text-slate-800color: var(--color-slate-800);
text-slate-900color: var(--color-slate-900);
text-slate-950color: var(--color-slate-950);
text-gray-50color: var(--color-gray-50);
text-gray-100color: var(--color-gray-100);
text-gray-200color: var(--color-gray-200);
text-gray-300color: var(--color-gray-300);
text-gray-400color: var(--color-gray-400);
text-gray-500color: var(--color-gray-500);
text-gray-600color: var(--color-gray-600);
text-gray-700color: var(--color-gray-700);
text-gray-800color: var(--color-gray-800);
text-gray-900color: var(--color-gray-900);
text-gray-950color: var(--color-gray-950);
text-zinc-50color: var(--color-zinc-50);
text-zinc-100color: var(--color-zinc-100);
text-zinc-200color: var(--color-zinc-200);
text-zinc-300color: var(--color-zinc-300);
text-zinc-400color: var(--color-zinc-400);
text-zinc-500color: var(--color-zinc-500);
text-zinc-600color: var(--color-zinc-600);
text-zinc-700color: var(--color-zinc-700);
text-zinc-800color: var(--color-zinc-800);
text-zinc-900color: var(--color-zinc-900);
text-zinc-950color: var(--color-zinc-950);
text-neutral-50color: var(--color-neutral-50);
text-neutral-100color: var(--color-neutral-100);
text-neutral-200color: var(--color-neutral-200);
text-neutral-300color: var(--color-neutral-300);
text-neutral-400color: var(--color-neutral-400);
text-neutral-500color: var(--color-neutral-500);
text-neutral-600color: var(--color-neutral-600);
text-neutral-700color: var(--color-neutral-700);
text-neutral-800color: var(--color-neutral-800);
text-neutral-900color: var(--color-neutral-900);
text-neutral-950color: var(--color-neutral-950);
text-stone-50color: var(--color-stone-50);
text-stone-100color: var(--color-stone-100);
text-stone-200color: var(--color-stone-200);
text-stone-300color: var(--color-stone-300);
text-stone-400color: var(--color-stone-400);
text-stone-500color: var(--color-stone-500);
text-stone-600color: var(--color-stone-600);
text-stone-700color: var(--color-stone-700);
text-stone-800color: var(--color-stone-800);
text-stone-900color: var(--color-stone-900);
text-stone-950color: var(--color-stone-950);
text-(<custom-property>)color: var(<custom-property>);
text-[<value>]color: <value>;