beta-parity-react
Version:
Beta Parity React Components
1 lines • 26.6 kB
CSS
: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-focus-ring:var(--par-black);--par-color-border-surface:var(--par-gray-200);--par-color-border-surface-inverse:var(--par-gray-600);--par-color-border-field-enabled:var(--par-gray-200);--par-color-border-field-alpha-enabled:rgb(from var(--par-gray-200) r g b/0.5);--par-color-border-field-hovered:var(--par-gray-300);--par-color-border-field-readonly:var(--par-color-border-field-enabled);--par-color-border-field-invalid:var(--par-red-500);--par-color-border-field-disabled:rgb(from var(--par-color-border-field-enabled) r g b/0.5);--par-color-border-field-focused:var(--par-color-focus-ring);--par-outlined-surface-item-focused:var(--par-color-focus-ring)}[data-scheme=dark]{--par-color-focus-ring:var(--par-white);--par-color-border-surface:var(--par-gray-600);--par-color-border-surface-inverse:var(--par-gray-200);--par-color-border-field-enabled:var(--par-gray-600);--par-color-border-field-alpha-enabled:rgb(from var(--par-gray-600) r g b/0.5);--par-color-border-field-hovered:var(--par-gray-500);--par-color-border-field-readonly:var(--par-color-border-field-enabled);--par-color-border-field-invalid:var(--par-red-200);--par-color-border-field-disabled:rgb(from var(--par-color-border-field-enabled) r g b/0.5);--par-color-border-field-focused:var(--par-color-focus-ring);--par-outlined-surface-item-focused:var(--par-color-focus-ring)}:root,[data-scheme=light]{--par-color-bg:var(--par-white);--par-color-bg-alternative:var(--par-gray-25);--par-color-bg-surface:var(--par-gray-25);--par-color-bg-surface-inverse:var(--par-gray-950);--par-color-bg-surface-alternative:var(--par-white);--par-color-bg-surface-indicator-neutral:var(--par-neutral-500);--par-color-bg-surface-indicator-accent:var(--par-accent-500);--par-color-bg-surface-item-enabled:var(--par-transparent);--par-color-bg-surface-item-hovered:rgb(from var(--par-gray-100) r g b/0.5);--par-color-bg-surface-item-neutral-subtle-selected:var(--par-neutral-100);--par-color-bg-surface-item-neutral-subtle-selected-hovered:var(--par-neutral-200);--par-color-bg-surface-item-neutral-pronounced-selected:var(--par-neutral-900);--par-color-bg-surface-item-neutral-pronounced-selected-hovered:var(--par-neutral-800);--par-color-bg-surface-item-accent-subtle-selected:var(--par-accent-100);--par-color-bg-surface-item-accent-subtle-selected-hovered:var(--par-accent-200);--par-color-bg-surface-item-accent-pronounced-selected:var(--par-accent-500);--par-color-bg-surface-item-accent-pronounced-selected-hovered:var(--par-accent-600);--par-color-bg-field-enabled:var(--par-gray-25);--par-color-bg-field-alternative-enabled:var(--par-white);--par-color-bg-field-hovered:var(--par-gray-50);--par-color-bg-field-alternative-hovered:var(--par-gray-50);--par-color-bg-field-disabled:rgb(from var(--par-gray-25) r g b/0.5);--par-color-bg-field-alternative-disabled:rgb(from var(--par-white) r g b/0.5);--par-color-bg-field-readonly:var(--par-gray-50);--par-color-bg-field-invalid:var(--par-red-50);--par-color-bg-field-button-enabled:var(--par-transparent);--par-color-bg-field-button-hovered:rgb(from var(--par-gray-200) r g b/0.5);--par-color-bg-field-button-pressed:rgb(from var(--par-gray-300) r g b/0.5);--par-color-bg-field-button-disabled:var(--par-transparent)}[data-scheme=dark]{--par-color-bg:var(--par-gray-950);--par-color-bg-alternative:var(--par-gray-900);--par-color-bg-surface:var(--par-gray-900);--par-color-bg-surface-inverse:var(--par-white);--par-color-bg-surface-alternative:var(--par-gray-800);--par-color-bg-surface-indicator-neutral:var(--par-neutral-500);--par-color-bg-surface-indicator-accent:var(--par-accent-500);--par-color-bg-surface-item-enabled:var(--par-transparent);--par-color-bg-surface-item-hovered:rgb(from var(--par-gray-700) r g b/0.5);--par-color-bg-surface-item-neutral-subtle-selected:rgb(from var(--par-gray-600) r g b/0.5);--par-color-bg-surface-item-neutral-subtle-selected-hovered:rgb(from var(--par-gray-500) r g b/0.5);--par-color-bg-surface-item-neutral-pronounced-selected:var(--par-gray-100);--par-color-bg-surface-item-neutral-pronounced-selected-hovered:var(--par-gray-200);--par-color-bg-surface-item-accent-subtle-selected:rgb(from var(--par-gray-600) r g b/0.5);--par-color-bg-surface-item-accent-subtle-selected-hovered:rgb(from var(--par-gray-500) r g b/0.5);--par-color-bg-surface-item-accent-pronounced-selected:var(--par-accent-500);--par-color-bg-surface-item-accent-pronounced-selected-hovered:var(--par-accent-600);--par-color-bg-field-enabled:var(--par-gray-900);--par-color-bg-field-alternative-enabled:var(--par-gray-800);--par-color-bg-field-hovered:var(--par-gray-800);--par-color-bg-field-alternative-hovered:var(--par-gray-700);--par-color-bg-field-disabled:rgb(from var(--par-gray-900) r g b/0.5);--par-color-bg-field-alternative-disabled:rgb(from var(--par-gray-800) r g b/0.5);--par-color-bg-field-readonly:var(--par-gray-800);--par-color-bg-field-invalid:var(--par-red-900);--par-color-bg-field-button-enabled:var(--par-transparent);--par-color-bg-field-button-hovered:rgb(from var(--par-gray-700) r g b/0.5);--par-color-bg-field-button-pressed:rgb(from var(--par-gray-600) r g b/0.5);--par-color-bg-field-button-disabled:var(--par-transparent)}:root,[data-scheme=light]{--par-color-text-button-solid-neutral-enabled:var(--par-white);--par-color-text-button-solid-neutral-hovered:var(--par-white);--par-color-text-button-solid-neutral-pressed:var(--par-white);--par-color-text-button-solid-accent-enabled:var(--par-white);--par-color-text-button-solid-accent-hovered:var(--par-white);--par-color-text-button-solid-accent-pressed:var(--par-white);--par-color-text-button-solid-adverse-enabled:var(--par-white);--par-color-text-button-solid-adverse-hovered:var(--par-white);--par-color-text-button-solid-adverse-pressed:var(--par-white);--par-color-text-button-solid-disabled:rgb(from var(--par-white) r g b/0.5);--par-color-text-button-solid-pending:var(--par-white);--par-color-text-button-outlined-neutral-enabled:var(--par-neutral-550);--par-color-text-button-outlined-neutral-hovered:var(--par-neutral-600);--par-color-text-button-outlined-neutral-pressed:var(--par-neutral-700);--par-color-text-button-outlined-accent-enabled:var(--par-accent-550);--par-color-text-button-outlined-accent-hovered:var(--par-accent-600);--par-color-text-button-outlined-accent-pressed:var(--par-accent-700);--par-color-text-button-outlined-adverse-enabled:var(--par-red-550);--par-color-text-button-outlined-adverse-hovered:var(--par-red-600);--par-color-text-button-outlined-adverse-pressed:var(--par-red-700);--par-color-text-button-outlined-disabled:rgb(from var(--par-gray-550) r g b/0.5);--par-color-text-button-outlined-pending:var(--par-gray-550);--par-color-text-button-ghost-neutral-enabled:var(--par-neutral-550);--par-color-text-button-ghost-neutral-hovered:var(--par-neutral-600);--par-color-text-button-ghost-neutral-pressed:var(--par-neutral-700);--par-color-text-button-ghost-accent-enabled:var(--par-accent-550);--par-color-text-button-ghost-accent-hovered:var(--par-accent-600);--par-color-text-button-ghost-accent-pressed:var(--par-accent-700);--par-color-text-button-ghost-adverse-enabled:var(--par-red-550);--par-color-text-button-ghost-adverse-hovered:var(--par-red-600);--par-color-text-button-ghost-adverse-pressed:var(--par-red-700);--par-color-text-button-ghost-disabled:rgb(from var(--par-gray-550) r g b/0.5);--par-color-text-button-ghost-pending:var(--par-gray-550);--par-color-text-button-glass-neutral-enabled:var(--par-neutral-600);--par-color-text-button-glass-neutral-hovered:var(--par-neutral-700);--par-color-text-button-glass-neutral-pressed:var(--par-neutral-800);--par-color-text-button-glass-accent-enabled:var(--par-accent-600);--par-color-text-button-glass-accent-hovered:var(--par-accent-700);--par-color-text-button-glass-accent-pressed:var(--par-accent-800);--par-color-text-button-glass-adverse-enabled:var(--par-red-600);--par-color-text-button-glass-adverse-hovered:var(--par-red-700);--par-color-text-button-glass-adverse-pressed:var(--par-red-800);--par-color-text-button-glass-disabled:rgb(from var(--par-gray-600) r g b/0.5);--par-color-text-button-glass-pending:var(--par-gray-600);--par-color-bg-button-solid-neutral-enabled:var(--par-neutral-900);--par-color-bg-button-solid-neutral-hovered:var(--par-neutral-800);--par-color-bg-button-solid-neutral-pressed:var(--par-neutral-700);--par-color-bg-button-solid-accent-enabled:var(--par-accent-500);--par-color-bg-button-solid-accent-hovered:var(--par-accent-600);--par-color-bg-button-solid-accent-pressed:var(--par-accent-700);--par-color-bg-button-solid-adverse-enabled:var(--par-red-500);--par-color-bg-button-solid-adverse-hovered:var(--par-red-600);--par-color-bg-button-solid-adverse-pressed:var(--par-red-700);--par-color-bg-button-solid-disabled:rgb(from var(--par-gray-500) r g b/0.5);--par-color-bg-button-solid-pending:var(--par-gray-500);--par-color-bg-button-outlined-neutral-enabled:var(--par-transparent);--par-color-bg-button-outlined-neutral-hovered:rgb(from var(--par-neutral-100) r g b/0.5);--par-color-bg-button-outlined-neutral-pressed:rgb(from var(--par-neutral-200) r g b/0.5);--par-color-bg-button-outlined-accent-enabled:var(--par-transparent);--par-color-bg-button-outlined-accent-hovered:rgb(from var(--par-accent-100) r g b/0.5);--par-color-bg-button-outlined-accent-pressed:rgb(from var(--par-accent-200) r g b/0.5);--par-color-bg-button-outlined-adverse-enabled:var(--par-transparent);--par-color-bg-button-outlined-adverse-hovered:rgb(from var(--par-red-100) r g b/0.5);--par-color-bg-button-outlined-adverse-pressed:rgb(from var(--par-red-200) r g b/0.5);--par-color-bg-button-outlined-enabled:var(--par-transparent);--par-color-bg-button-outlined-disabled:var(--par-transparent);--par-color-bg-button-outlined-pending:var(--par-transparent);--par-color-bg-button-ghost-neutral-enabled:var(--par-transparent);--par-color-bg-button-ghost-neutral-hovered:rgb(from var(--par-neutral-100) r g b/0.5);--par-color-bg-button-ghost-neutral-pressed:rgb(from var(--par-neutral-200) r g b/0.5);--par-color-bg-button-ghost-accent-enabled:var(--par-transparent);--par-color-bg-button-ghost-accent-hovered:rgb(from var(--par-accent-100) r g b/0.5);--par-color-bg-button-ghost-accent-pressed:rgb(from var(--par-accent-200) r g b/0.5);--par-color-bg-button-ghost-adverse-enabled:var(--par-transparent);--par-color-bg-button-ghost-adverse-hovered:rgb(from var(--par-red-100) r g b/0.5);--par-color-bg-button-ghost-adverse-pressed:rgb(from var(--par-red-200) r g b/0.5);--par-color-bg-button-ghost-enabled:var(--par-transparent);--par-color-bg-button-ghost-disabled:var(--par-transparent);--par-color-bg-button-ghost-pending:var(--par-transparent);--par-color-bg-button-glass-neutral-enabled:rgb(from var(--par-neutral-100) r g b/0.5);--par-color-bg-button-glass-neutral-hovered:rgb(from var(--par-neutral-200) r g b/0.5);--par-color-bg-button-glass-neutral-pressed:rgb(from var(--par-neutral-300) r g b/0.5);--par-color-bg-button-glass-accent-enabled:rgb(from var(--par-accent-100) r g b/0.5);--par-color-bg-button-glass-accent-hovered:rgb(from var(--par-accent-200) r g b/0.5);--par-color-bg-button-glass-accent-pressed:rgb(from var(--par-accent-300) r g b/0.5);--par-color-bg-button-glass-adverse-enabled:rgb(from var(--par-red-100) r g b/0.5);--par-color-bg-button-glass-adverse-hovered:rgb(from var(--par-red-200) r g b/0.5);--par-color-bg-button-glass-adverse-pressed:rgb(from var(--par-red-300) r g b/0.5);--par-color-bg-button-glass-disabled:rgb(from var(--par-gray-100) r g b/0.25);--par-color-bg-button-glass-pending:rgb(from var(--par-gray-100) r g b/0.5);--par-color-border-button-outlined-neutral-enabled:var(--par-neutral-400);--par-color-border-button-outlined-neutral-hovered:var(--par-neutral-500);--par-color-border-button-outlined-neutral-pressed:var(--par-neutral-500);--par-color-border-button-outlined-accent-enabled:var(--par-accent-400);--par-color-border-button-outlined-accent-hovered:var(--par-accent-500);--par-color-border-button-outlined-accent-pressed:var(--par-accent-500);--par-color-border-button-outlined-adverse-enabled:var(--par-red-400);--par-color-border-button-outlined-adverse-hovered:var(--par-red-500);--par-color-border-button-outlined-adverse-pressed:var(--par-red-500);--par-color-border-button-outlined-disabled:rgb(from var(--par-gray-400) r g b/0.5);--par-color-border-button-outlined-pending:var(--par-gray-400)}[data-scheme=dark]{--par-color-text-button-solid-neutral-enabled:var(--par-gray-950);--par-color-text-button-solid-neutral-hovered:var(--par-gray-950);--par-color-text-button-solid-neutral-pressed:var(--par-gray-950);--par-color-text-button-solid-disabled:rgb(from var(--par-black) r g b/0.5);--par-color-text-button-solid-pending:var(--par-black);--par-color-text-button-outlined-neutral-enabled:var(--par-neutral-200);--par-color-text-button-outlined-neutral-hovered:var(--par-neutral-100);--par-color-text-button-outlined-neutral-pressed:var(--par-neutral-100);--par-color-text-button-outlined-accent-enabled:var(--par-accent-200);--par-color-text-button-outlined-accent-hovered:var(--par-accent-100);--par-color-text-button-outlined-accent-pressed:var(--par-accent-100);--par-color-text-button-outlined-adverse-enabled:var(--par-red-200);--par-color-text-button-outlined-adverse-hovered:var(--par-red-100);--par-color-text-button-outlined-adverse-pressed:var(--par-red-100);--par-color-text-button-outlined-disabled:rgb(from var(--par-gray-200) r g b/0.5);--par-color-text-button-outlined-pending:var(--par-gray-200);--par-color-text-button-ghost-neutral-enabled:var(--par-neutral-200);--par-color-text-button-ghost-neutral-hovered:var(--par-neutral-100);--par-color-text-button-ghost-neutral-pressed:var(--par-neutral-100);--par-color-text-button-ghost-accent-enabled:var(--par-accent-200);--par-color-text-button-ghost-accent-hovered:var(--par-accent-100);--par-color-text-button-ghost-accent-pressed:var(--par-accent-100);--par-color-text-button-ghost-adverse-enabled:var(--par-red-200);--par-color-text-button-ghost-adverse-hovered:var(--par-red-100);--par-color-text-button-ghost-adverse-pressed:var(--par-red-100);--par-color-text-button-ghost-disabled:rgb(from var(--par-gray-200) r g b/0.5);--par-color-text-button-ghost-pending:var(--par-gray-200);--par-color-text-button-glass-neutral-enabled:var(--par-neutral-100);--par-color-text-button-glass-neutral-hovered:var(--par-neutral-100);--par-color-text-button-glass-neutral-pressed:var(--par-neutral-100);--par-color-text-button-glass-accent-enabled:var(--par-accent-100);--par-color-text-button-glass-accent-hovered:var(--par-accent-100);--par-color-text-button-glass-accent-pressed:var(--par-accent-100);--par-color-text-button-glass-adverse-enabled:var(--par-red-100);--par-color-text-button-glass-adverse-hovered:var(--par-red-100);--par-color-text-button-glass-adverse-pressed:var(--par-red-100);--par-color-text-button-glass-disabled:rgba(from var(--par-gray-100) r g b/0.5);--par-color-text-button-glass-pending:var(--par-gray-100);--par-color-bg-button-solid-neutral-enabled:var(--par-white);--par-color-bg-button-solid-neutral-hovered:var(--par-neutral-100);--par-color-bg-button-solid-neutral-pressed:var(--par-neutral-200);--par-color-bg-button-solid-disabled:rgba(from var(--par-white) r g b/0.5);--par-color-bg-button-solid-pending:var(--par-white);--par-color-bg-button-outlined-neutral-hovered:rgb(from var(--par-neutral-800) r g b/0.5);--par-color-bg-button-outlined-neutral-pressed:rgb(from var(--par-neutral-700) r g b/0.5);--par-color-bg-button-outlined-accent-hovered:rgb(from var(--par-accent-800) r g b/0.5);--par-color-bg-button-outlined-accent-pressed:rgb(from var(--par-accent-700) r g b/0.5);--par-color-bg-button-outlined-adverse-hovered:rgb(from var(--par-red-800) r g b/0.5);--par-color-bg-button-outlined-adverse-pressed:rgb(from var(--par-red-700) r g b/0.5);--par-color-bg-button-ghost-neutral-hovered:rgb(from var(--par-neutral-800) r g b/0.5);--par-color-bg-button-ghost-neutral-pressed:rgb(from var(--par-neutral-700) r g b/0.5);--par-color-bg-button-ghost-accent-hovered:rgb(from var(--par-accent-800) r g b/0.5);--par-color-bg-button-ghost-accent-pressed:rgb(from var(--par-accent-700) r g b/0.5);--par-color-bg-button-ghost-adverse-hovered:rgb(from var(--par-red-800) r g b/0.5);--par-color-bg-button-ghost-adverse-pressed:rgb(from var(--par-red-700) r g b/0.5);--par-color-bg-button-glass-neutral-enabled:rgb(from var(--par-neutral-800) r g b/0.5);--par-color-bg-button-glass-neutral-hovered:rgb(from var(--par-neutral-700) r g b/0.5);--par-color-bg-button-glass-neutral-pressed:rgb(from var(--par-neutral-600) r g b/0.5);--par-color-bg-button-glass-accent-enabled:rgb(from var(--par-accent-800) r g b/0.5);--par-color-bg-button-glass-accent-hovered:rgb(from var(--par-accent-700) r g b/0.5);--par-color-bg-button-glass-accent-pressed:rgb(from var(--par-accent-600) r g b/0.5);--par-color-bg-button-glass-adverse-enabled:rgb(from var(--par-red-800) r g b/0.5);--par-color-bg-button-glass-adverse-hovered:rgb(from var(--par-red-700) r g b/0.5);--par-color-bg-button-glass-adverse-pressed:rgb(from var(--par-red-600) r g b/0.5);--par-color-bg-button-glass-disabled:rgb(from var(--par-gray-800) r g b/0.25);--par-color-bg-button-glass-pending:rgb(from var(--par-gray-800) r g b/0.5);--par-color-border-button-outlined-neutral-hovered:var(--par-neutral-300);--par-color-border-button-outlined-neutral-pressed:var(--par-neutral-300);--par-color-border-button-outlined-accent-hovered:var(--par-accent-300);--par-color-border-button-outlined-accent-pressed:var(--par-accent-300);--par-color-border-button-outlined-adverse-hovered:var(--par-red-300);--par-color-border-button-outlined-adverse-pressed:var(--par-red-300)}:root,[data-scheme=light]{--par-color-text-datepicker-days-today-neutral-enabled:var(--par-neutral-950);--par-color-text-datepicker-days-today-neutral-hovered:var(--par-neutral-950);--par-color-text-datepicker-days-today-neutral-active:var(--par-white);--par-color-text-datepicker-days-today-accent-enabled:var(--par-accent-550);--par-color-text-datepicker-days-today-accent-hovered:var(--par-accent-550);--par-color-text-datepicker-days-today-accent-active:var(--par-white);--par-color-text-datepicker-days-normal-enabled:var(--par-gray-950);--par-color-text-datepicker-days-normal-neutral-hovered:var(--par-gray-950);--par-color-text-datepicker-days-normal-accent-hovered:var(--par-gray-950);--par-color-text-datepicker-days-normal-neutral-active:var(--par-white);--par-color-text-datepicker-days-normal-accent-active:var(--par-white);--par-color-text-datepicker-days-normal-disabled:rgb(from var(--par-gray-950) r g b/0.5);--par-color-text-datepicker-days-normal-drag-neutral:var(--par-gray-950);--par-color-text-datepicker-days-normal-drag-accent:var(--par-gray-950);--par-color-text-datepicker-days-today-drag-neutral:var(--par-neutral-950);--par-color-text-datepicker-days-today-drag-accent:var(--par-accent-550);--par-color-text-datepicker-time:var(--par-color-text-primary);--par-color-text-datepicker-caret-enabled:var(--par-gray-550);--par-color-text-datepicker-caret-hovered:var(--par-gray-950);--par-color-text-datepicker-caret-disabled:rgb(from var(--par-gray-550) r g b/0.5);--par-color-bg-datepicker-days-neutral-enabled:var(--par-transparent);--par-color-bg-datepicker-days-neutral-hovered:var(--par-neutral-50);--par-color-bg-datepicker-days-neutral-active:var(--par-neutral-950);--par-color-bg-datepicker-days-neutral-disabled:var(--par-transparent);--par-color-bg-datepicker-days-accent-enabled:var(--par-transparent);--par-color-bg-datepicker-days-accent-hovered:var(--par-accent-50);--par-color-bg-datepicker-days-accent-active:var(--par-accent-550);--par-color-bg-datepicker-days-accent-disabled:var(--par-transparent);--par-color-bg-datepicker-days-drag-neutral:var(--par-neutral-50);--par-color-bg-datepicker-days-drag-accent:var(--par-accent-50);--par-color-bg-datepicker-month-select-dropdown-enabled:var(--par-transparent);--par-color-bg-datepicker-month-select-dropdown-hovered:var(--par-gray-50);--par-color-bg-datepicker:var(--par-white);--par-color-border-datepicker:var(--par-gray-200);--par-color-border-datepicker-month-select-list:var(--par-gray-950)}[data-scheme=dark]{--par-color-text-datepicker-days-today-neutral-enabled:var(--par-white);--par-color-text-datepicker-days-today-neutral-hovered:var(--par-white);--par-color-text-datepicker-days-today-neutral-active:var(--par-neutral-950);--par-color-text-datepicker-days-today-accent-enabled:var(--par-accent-200);--par-color-text-datepicker-days-today-accent-hovered:var(--par-white);--par-color-text-datepicker-days-today-accent-active:var(--par-accent-550);--par-color-text-datepicker-days-normal-enabled:var(--par-white);--par-color-text-datepicker-days-normal-neutral-hovered:var(--par-white);--par-color-text-datepicker-days-normal-accent-hovered:var(--par-white);--par-color-text-datepicker-days-normal-neutral-active:var(--par-neutral-950);--par-color-text-datepicker-days-normal-accent-active:var(--par-white);--par-color-text-datepicker-days-normal-disabled:rgb(from var(--par-white) r g b/0.5);--par-color-text-datepicker-days-normal-drag-neutral:var(--par-white);--par-color-text-datepicker-days-normal-drag-accent:var(--par-white);--par-color-text-datepicker-days-today-drag-neutral:var(--par-white);--par-color-text-datepicker-days-today-drag-accent:var(--par-white);--par-color-text-datepicker-time:var(--par-color-text-primary);--par-color-text-datepicker-caret-enabled:var(--par-gray-200);--par-color-text-datepicker-caret-hovered:var(--par-white);--par-color-text-datepicker-caret-disabled:rgb(from var(--par-gray-200) r g b/0.5);--par-color-bg-datepicker-days-neutral-enabled:var(--par-transparent);--par-color-bg-datepicker-days-neutral-hovered:rgb(from var(--par-neutral-600) r g b/0.5);--par-color-bg-datepicker-days-neutral-active:var(--par-white);--par-color-bg-datepicker-days-neutral-disabled:var(--par-transparent);--par-color-bg-datepicker-days-accent-enabled:var(--par-transparent);--par-color-bg-datepicker-days-accent-hovered:rgb(from var(--par-accent-700) r g b/0.5);--par-color-bg-datepicker-days-accent-active:var(--par-accent-550);--par-color-bg-datepicker-days-accent-disabled:var(--par-transparent);--par-color-bg-datepicker-days-drag-neutral:rgb(from var(--par-neutral-600) r g b/0.5);--par-color-bg-datepicker-days-drag-accent:rgb(from var(--par-accent-700) r g b/0.5);--par-color-bg-datepicker-month-select-dropdown-enabled:var(--par-transparent);--par-color-bg-datepicker-month-select-dropdown-hovered:rgb(from var(--par-gray-600) r g b/0.5);--par-color-bg-datepicker:var(--par-gray-800);--par-color-border-datepicker:var(--par-gray-600);--par-color-border-datepicker-month-select-list:var(--par-white)}