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

Beta Parity React Components

:root,[data-scheme=light]{--par-color-text-accordion-item-enabled:var(--par-gray-550);--par-color-text-accordion-item-hovered:var(--par-gray-600);--par-color-text-accordion-item-pressed:var(--par-gray-700);--par-color-text-accordion-item-expanded:var(--par-gray-950);--par-color-text-accordion-item-disabled:rgb(from var(--par-gray-550) r g b/0.5);--par-color-bg-accordion-menu:var(--par-white);--par-color-bg-accordion-item-enabled:var(--par-transparent);--par-color-bg-accordion-item-hovered:rgb(from var(--par-gray-100) r g b/0.5);--par-color-bg-accordion-item-pressed:rgb(from var(--par-gray-200) r g b/0.5);--par-color-bg-accordion-item-expanded:var(--par-transparent);--par-color-bg-accordion-item-disabled:var(--par-transparent);--par-color-bg:var(--par-white);--par-color-border-surface:var(--par-gray-200)}[data-scheme=dark]{--par-color-text-accordion-item-enabled:var(--par-gray-200);--par-color-text-accordion-item-hovered:var(--par-gray-100);--par-color-text-accordion-item-pressed:var(--par-gray-100);--par-color-text-accordion-item-expanded:var(--par-white);--par-color-text-accordion-item-disabled:rgb(from var(--par-gray-200) r g b/0.5);--par-color-bg-accordion-menu:var(--par-gray-900);--par-color-bg-accordion-item-enabled:var(--par-transparent);--par-color-bg-accordion-item-hovered:rgb(from var(--par-gray-800) r g b/0.5);--par-color-bg-accordion-item-pressed:rgb(from var(--par-gray-700) r g b/0.5);--par-color-bg-accordion-item-expanded:var(--par-transparent);--par-color-bg-accordion-item-disabled:var(--par-transparent);--par-color-bg:var(--par-gray-950);--par-color-border-surface:var(--par-gray-600)}