Kostom.net

background-color


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