beta-parity-react/ui/Badge/variables.css

Beta Parity React Components

:root,[data-scheme=light]{--par-color-text-badge-solid-gray:var(--par-gray-50);--par-color-text-badge-solid-red:var(--par-red-50);--par-color-text-badge-solid-green:var(--par-green-50);--par-color-text-badge-solid-yellow:var(--par-yellow-50);--par-color-text-badge-solid-blue:var(--par-blue-50);--par-color-text-badge-solid-orange:var(--par-orange-50);--par-color-text-badge-solid-cyan:var(--par-cyan-50);--par-color-text-badge-solid-violet:var(--par-violet-50);--par-color-text-badge-solid-lime:var(--par-lime-50);--par-color-text-badge-outlined-gray:var(--par-gray-600);--par-color-text-badge-outlined-red:var(--par-red-600);--par-color-text-badge-outlined-green:var(--par-green-600);--par-color-text-badge-outlined-yellow:var(--par-yellow-600);--par-color-text-badge-outlined-blue:var(--par-blue-600);--par-color-text-badge-outlined-orange:var(--par-orange-600);--par-color-text-badge-outlined-cyan:var(--par-cyan-600);--par-color-text-badge-outlined-violet:var(--par-violet-600);--par-color-text-badge-outlined-lime:var(--par-lime-600);--par-color-text-badge-glass-gray:var(--par-gray-600);--par-color-text-badge-glass-red:var(--par-red-600);--par-color-text-badge-glass-green:var(--par-green-600);--par-color-text-badge-glass-yellow:var(--par-yellow-600);--par-color-text-badge-glass-blue:var(--par-blue-600);--par-color-text-badge-glass-orange:var(--par-orange-600);--par-color-text-badge-glass-cyan:var(--par-cyan-600);--par-color-text-badge-glass-violet:var(--par-violet-600);--par-color-text-badge-glass-lime:var(--par-lime-600);--par-color-bg-badge-solid-gray:var(--par-gray-600);--par-color-bg-badge-solid-red:var(--par-red-600);--par-color-bg-badge-solid-green:var(--par-green-600);--par-color-bg-badge-solid-yellow:var(--par-yellow-600);--par-color-bg-badge-solid-blue:var(--par-blue-600);--par-color-bg-badge-solid-orange:var(--par-orange-600);--par-color-bg-badge-solid-cyan:var(--par-cyan-600);--par-color-bg-badge-solid-violet:var(--par-violet-600);--par-color-bg-badge-solid-lime:var(--par-lime-600);--par-color-bg-badge-outlined-gray:rgb(from var(--par-gray-100) r g b/0.5);--par-color-bg-badge-outlined-red:rgb(from var(--par-red-100) r g b/0.5);--par-color-bg-badge-outlined-green:rgb(from var(--par-green-100) r g b/0.5);--par-color-bg-badge-outlined-yellow:rgb(from var(--par-yellow-100) r g b/0.5);--par-color-bg-badge-outlined-blue:rgb(from var(--par-blue-100) r g b/0.5);--par-color-bg-badge-outlined-orange:rgb(from var(--par-orange-100) r g b/0.5);--par-color-bg-badge-outlined-cyan:rgb(from var(--par-cyan-100) r g b/0.5);--par-color-bg-badge-outlined-violet:rgb(from var(--par-violet-100) r g b/0.5);--par-color-bg-badge-outlined-lime:rgb(from var(--par-lime-100) r g b/0.5);--par-color-bg-badge-glass-gray:rgb(from var(--par-gray-200) r g b/0.5);--par-color-bg-badge-glass-red:rgb(from var(--par-red-200) r g b/0.5);--par-color-bg-badge-glass-green:rgb(from var(--par-green-200) r g b/0.5);--par-color-bg-badge-glass-yellow:rgb(from var(--par-yellow-200) r g b/0.5);--par-color-bg-badge-glass-blue:rgb(from var(--par-blue-200) r g b/0.5);--par-color-bg-badge-glass-orange:rgb(from var(--par-orange-200) r g b/0.5);--par-color-bg-badge-glass-cyan:rgb(from var(--par-cyan-200) r g b/0.5);--par-color-bg-badge-glass-violet:rgb(from var(--par-violet-200) r g b/0.5);--par-color-bg-badge-glass-lime:rgb(from var(--par-lime-200) r g b/0.5);--par-color-border-badge-outlined-gray:var(--par-gray-400);--par-color-border-badge-outlined-red:var(--par-red-400);--par-color-border-badge-outlined-green:var(--par-green-400);--par-color-border-badge-outlined-yellow:var(--par-yellow-400);--par-color-border-badge-outlined-blue:var(--par-blue-400);--par-color-border-badge-outlined-orange:var(--par-orange-400);--par-color-border-badge-outlined-cyan:var(--par-cyan-400);--par-color-border-badge-outlined-violet:var(--par-violet-400);--par-color-border-badge-outlined-lime:var(--par-lime-400)}[data-scheme=dark]{--par-color-text-badge-outlined-gray:var(--par-gray-100);--par-color-text-badge-outlined-red:var(--par-red-100);--par-color-text-badge-outlined-green:var(--par-green-100);--par-color-text-badge-outlined-yellow:var(--par-yellow-100);--par-color-text-badge-outlined-blue:var(--par-blue-100);--par-color-text-badge-outlined-orange:var(--par-orange-100);--par-color-text-badge-outlined-cyan:var(--par-cyan-100);--par-color-text-badge-outlined-violet:var(--par-violet-100);--par-color-text-badge-outlined-lime:var(--par-lime-100);--par-color-text-badge-glass-gray:var(--par-gray-100);--par-color-text-badge-glass-red:var(--par-red-100);--par-color-text-badge-glass-green:var(--par-green-100);--par-color-text-badge-glass-yellow:var(--par-yellow-100);--par-color-text-badge-glass-blue:var(--par-blue-100);--par-color-text-badge-glass-orange:var(--par-orange-100);--par-color-text-badge-glass-cyan:var(--par-cyan-100);--par-color-text-badge-glass-violet:var(--par-violet-100);--par-color-text-badge-glass-lime:var(--par-lime-100);--par-color-bg-badge-outlined-gray:rgb(from var(--par-gray-800) r g b/0.5);--par-color-bg-badge-outlined-red:rgb(from var(--par-red-800) r g b/0.5);--par-color-bg-badge-outlined-green:rgb(from var(--par-green-800) r g b/0.5);--par-color-bg-badge-outlined-yellow:rgb(from var(--par-yellow-800) r g b/0.5);--par-color-bg-badge-outlined-blue:rgb(from var(--par-blue-800) r g b/0.5);--par-color-bg-badge-outlined-orange:rgb(from var(--par-orange-800) r g b/0.5);--par-color-bg-badge-outlined-cyan:rgb(from var(--par-cyan-800) r g b/0.5);--par-color-bg-badge-outlined-violet:rgb(from var(--par-violet-800) r g b/0.5);--par-color-bg-badge-outlined-lime:rgb(from var(--par-lime-800) r g b/0.5);--par-color-bg-badge-glass-gray:rgb(from var(--par-gray-700) r g b/0.5);--par-color-bg-badge-glass-red:rgb(from var(--par-red-700) r g b/0.5);--par-color-bg-badge-glass-green:rgb(from var(--par-green-700) r g b/0.5);--par-color-bg-badge-glass-yellow:rgb(from var(--par-yellow-700) r g b/0.5);--par-color-bg-badge-glass-blue:rgb(from var(--par-blue-700) r g b/0.5);--par-color-bg-badge-glass-orange:rgb(from var(--par-orange-700) r g b/0.5);--par-color-bg-badge-glass-cyan:rgb(from var(--par-cyan-700) r g b/0.5);--par-color-bg-badge-glass-violet:rgb(from var(--par-violet-700) r g b/0.5);--par-color-bg-badge-glass-lime:rgb(from var(--par-lime-700) r g b/0.5)}