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

Beta Parity React Components

:root,[data-scheme=light]{--par-color-text-primary:var(--par-gray-950);--par-color-text-primary-disabled:rgb(from var(--par-gray-950) r g b/0.5);--par-color-text-primary-inverse:var(--par-white);--par-color-text-secondary:var(--par-gray-700);--par-color-text-secondary-inverse:var(--par-gray-200);--par-color-text-helper-neutral:var(--par-gray-550);--par-color-text-helper-neutral-disabled:rgb(from var(--par-gray-550) r g b/0.5);--par-color-text-helper-adverse:var(--par-red-550);--par-color-text-helper-cautionary:var(--par-yellow-550);--par-color-text-helper-affirmative:var(--par-green-550);--par-color-text-helper-info:var(--par-blue-550);--par-color-text-surface-item-enabled:var(--par-color-text-primary);--par-color-text-surface-item-neutral-subtle-selected:var(--par-color-text-primary);--par-color-text-surface-item-neutral-pronounced-selected:var(--par-white);--par-color-text-surface-item-accent-subtle-selected:var(--par-color-text-primary);--par-color-text-surface-item-accent-pronounced-selected:var(--par-white);--par-color-text-surface-item-disabled:var(--par-color-text-primary-disabled);--par-color-text-field-placeholder:var(--par-gray-600);--par-color-text-field-alpha-placeholder:rgb(from var(--par-gray-600) r g b/0.5);--par-color-text-field-alternative-placeholder:var(--par-gray-550);--par-color-text-field-filled:var(--par-color-text-primary);--par-color-text-field-label:var(--par-color-text-secondary);--par-color-text-field-disabled:rgb(from var(--par-color-text-field-placeholder) r g b/0.5);--par-color-text-field-readonly:var(--par-color-text-primary);--par-color-text-field-invalid:var(--par-color-text-primary);--par-color-text-button:var(--par-gray-550);--par-color-icon-field-button-enabled:var(--par-gray-500);--par-color-icon-field-button-hovered:var(--par-gray-600);--par-color-icon-field-button-pressed:var(--par-gray-700);--par-color-icon-field-button-disabled:rgb(from var(--par-gray-500) r g b/0.5)}[data-scheme=dark]{--par-color-text-primary:var(--par-white);--par-color-text-primary-disabled:rgb(from var(--par-white) r g b/0.5);--par-color-text-primary-inverse:var(--par-gray-950);--par-color-text-secondary:var(--par-gray-200);--par-color-text-secondary-inverse:var(--par-gray-700);--par-color-text-helper-neutral:var(--par-gray-200);--par-color-text-helper-neutral-disabled:rgb(from var(--par-gray-200) r g b/0.5);--par-color-text-helper-adverse:var(--par-red-200);--par-color-text-helper-cautionary:var(--par-yellow-200);--par-color-text-helper-affirmative:var(--par-green-200);--par-color-text-helper-info:var(--par-blue-200);--par-color-text-surface-item-enabled:var(--par-color-text-primary);--par-color-text-surface-item-neutral-subtle-selected:var(--par-color-text-primary);--par-color-text-surface-item-neutral-pronounced-selected:var(--par-gray-950);--par-color-text-surface-item-accent-subtle-selected:var(--par-accent-200);--par-color-text-surface-item-accent-pronounced-selected:var(--par-white);--par-color-text-surface-item-disabled:var(--par-color-text-primary-disabled);--par-color-text-field-placeholder:var(--par-gray-200);--par-color-text-field-alpha-placeholder:rgb(from var(--par-gray-200) r g b/0.5);--par-color-text-field-alternative-placeholder:var(--par-gray-200);--par-color-text-field-filled:var(--par-color-text-primary);--par-color-text-field-label:var(--par-color-text-secondary);--par-color-text-field-disabled:rgb(from var(--par-color-text-field-placeholder) r g b/0.5);--par-color-text-field-readonly:var(--par-color-text-primary);--par-color-text-field-invalid:var(--par-color-text-primary);--par-color-text-button:var(--par-gray-200);--par-color-icon-field-button-enabled:var(--par-gray-200);--par-color-icon-field-button-hovered:var(--par-gray-100);--par-color-icon-field-button-pressed:var(--par-gray-100);--par-color-icon-field-button-disabled:rgb(from var(--par-gray-200) r g b/0.5)}:root,[data-scheme=light]{--par-color-border-slider-progress-neutral-enabled:var(--par-neutral-950);--par-color-border-slider-progress-neutral-disabled:rgb(from var(--par-neutral-950) r g b/0.5);--par-color-border-slider-progress-accent-enabled:var(--par-accent-550);--par-color-border-slider-progress-accent-disabled:rgb(from var(--par-accent-550) r g b/0.5);--par-color-border-slider-track-enabled:var(--par-gray-200);--par-color-border-slider-track-disabled:rgb(from var(--par-gray-200) r g b/0.5);--par-color-border-slider-thumb-enabled:var(--par-gray-300);--par-color-border-slider-thumb-hovered:var(--par-gray-300);--par-color-border-slider-thumb-disabled:rgb(from var(--par-gray-300) r g b/0.5);--par-color-bg-slider-thumb-enabled:var(--par-white);--par-color-bg-slider-thumb-hovered:var(--par-white);--par-color-bg-slider-thumb-disabled:var(--par-gray-50);--par-color-bg-slider-state-layer-enabled:var(--par-transparent);--par-color-bg-slider-state-layer-hovered:rgb(from var(--par-gray-200) r g b/0.25);--par-color-bg-slider-state-layer-disabled:var(--par-transparent);--par-color-border-slider-discrete-neutral-enabled:var(--par-gray-950);--par-color-border-slider-discrete-neutral-active:var(--par-white);--par-color-border-slider-discrete-neutral-disabled:rgb(from var(--par-gray-950) r g b/0.5)}[data-scheme=dark]{--par-color-border-slider-progress-neutral-enabled:var(--par-white);--par-color-border-slider-progress-neutral-disabled:rgb(from var(--par-white) r g b/0.5);--par-color-border-slider-progress-accent-enabled:var(--par-accent-200);--par-color-border-slider-progress-accent-disabled:rgb(from var(--par-accent-200) r g b/0.5);--par-color-border-slider-track-enabled:var(--par-gray-600);--par-color-border-slider-track-disabled:rgb(from var(--par-gray-600) r g b/0.5);--par-color-border-slider-thumb-enabled:var(--par-gray-300);--par-color-border-slider-thumb-hovered:var(--par-gray-300);--par-color-border-slider-thumb-disabled:rgb(from var(--par-gray-300) r g b/0.5);--par-color-bg-slider-thumb-enabled:var(--par-white);--par-color-bg-slider-thumb-hovered:var(--par-white);--par-color-bg-slider-thumb-disabled:var(--par-gray-700);--par-color-bg-slider-state-layer-enabled:var(--par-transparent);--par-color-bg-slider-state-layer-hovered:rgb(from var(--par-gray-700) r g b/0.25);--par-color-bg-slider-state-layer-disabled:var(--par-transparent);--par-color-border-slider-discrete-neutral-enabled:var(--par-white);--par-color-border-slider-discrete-neutral-active:var(--par-gray-950);--par-color-border-slider-discrete-neutral-disabled:rgb(from var(--par-white) r g b/0.5)}