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

Beta Parity React Components

:root,[data-scheme=light]{--par-color-text-avatar:var(--par-white);--par-color-text-avatar-disabled:rgb(from var(--par-white) r g b/0.5);--par-color-text-avatar-trigger:var(--par-gray-700);--par-color-bg-avatar:var(--par-gray-400);--par-color-bg-avatar-disabled:var(--par-gray-200);--par-color-bg-avatar-trigger:var(--par-gray-100);--par-color-border-avatar:var(--par-white);--par-color-border-avatar-disabled:rgb(from var(--par-white) r g b/0.5);--par-color-border-avatar-alternative:var(--par-gray-25);--par-color-border-avatar-alternative-disabled:rgb(from var(--par-gray-25) r g b/0.5);--par-color-border-avatar-gray:var(--par-gray-600);--par-color-border-avatar-red:var(--par-red-600);--par-color-border-avatar-green:var(--par-green-600);--par-color-border-avatar-yellow:var(--par-yellow-600)}[data-scheme=dark]{--par-color-text-avatar:var(--par-white);--par-color-text-avatar-trigger:var(--par-white);--par-color-bg-avatar:var(--par-gray-700);--par-color-bg-avatar-trigger:var(--par-gray-500);--par-color-border-avatar:var(--par-gray-950);--par-color-border-avatar-disabled:rgb(from var(--par-gray-950) r g b/0.5);--par-color-border-avatar-alternative:var(--par-gray-900);--par-color-border-avatar-alternative-disabled:rgb(from var(--par-gray-900) r g b/0.5);--par-color-border-avatar-gray:var(--par-gray-900);--par-color-border-avatar-red:var(--par-red-700);--par-color-border-avatar-green:var(--par-green-700);--par-color-border-avatar-yellow:var(--par-yellow-700)}