// terra-redwood-theme // Version 0.20.30 // UI Light Variables // ------------------------------------------------- // Maintained by Oracle Health Design, UX Foundations Team // Do not edit these values directly // ------------------------------------------------- .redwood-theme { --ui-light-color-border-divider: rgba(22, 21, 19, 0.12); --ui-light-color-border-disabled: rgba(22, 21, 19, 0.2); --ui-light-color-border-drop-line: var(--rds-color-brand-blue-100); --ui-light-color-border-enabled: rgba(22, 21, 19, 0.5); --ui-light-color-border-keyboard-focus: var(--rds-color-neutral-190); --ui-light-color-border-selected-default: var(--rds-color-brand-blue-100); --ui-light-color-border-selected-neutral: var(--rds-color-neutral-190); --ui-light-color-border-warning: var(--rds-color-alert-warning-120); --ui-light-color-border-danger: var(--rds-color-alert-danger-120); --ui-light-color-box-shadow-lg: rgba(22, 21, 19, 0.24); --ui-light-color-box-shadow-md: rgba(22, 21, 19, 0.2); --ui-light-color-box-shadow-sm: rgba(22, 21, 19, 0.16); --ui-light-color-box-shadow-xl: rgba(22, 21, 19, 0.28); --ui-light-color-box-shadow-xs: rgba(22, 21, 19, 0.12); --ui-light-color-box-shadow-shadow-color: var(--rds-color-neutral-200); --ui-light-color-button-borderless-text-icon: var(--rds-color-neutral-190); --ui-light-color-button-cta-surface: var(--rds-color-neutral-160); --ui-light-color-button-cta-text-icon: var(--rds-color-neutral-0); --ui-light-color-button-danger-surface: var(--rds-color-alert-danger-100); --ui-light-color-button-danger-text-icon: var(--rds-color-neutral-0); --ui-light-color-button-outline-border: rgba(22, 21, 19, 0.5); --ui-light-color-button-outline-text-icon: var(--rds-color-neutral-190); --ui-light-color-button-solid-surface: rgba(22, 21, 19, 0.08); --ui-light-color-button-solid-text-icon: var(--rds-color-neutral-190); --ui-light-color-collection-grid-cell-surface-default: transparent; --ui-light-color-collection-grid-cell-surface-edit: var(--rds-color-neutral-0); --ui-light-color-collection-grid-header-surface: transparent; --ui-light-color-collection-header-surface-partial-selected: rgba(22, 21, 19, 0.04); --ui-light-color-collection-header-surface-selected: rgba(22, 21, 19, 0.12); --ui-light-color-collection-header-text: rgba(22, 21, 19, 0.5); --ui-light-color-dvt-contrast-line: rgba(245, 244, 242, 0.7); --ui-light-color-dvt-marquee-border: rgba(22, 21, 19, 0.8); --ui-light-color-dvt-marquee-surface: rgba(245, 244, 242, 0.1); --ui-light-color-dvt-overview-background: rgba(212, 207, 204, 0.7); --ui-light-color-dvt-overview-window-background: var(--rds-color-neutral-0); --ui-light-color-dvt-overview-window-border: rgba(49, 45, 42, 0.8); --ui-light-color-dvt-palette-qualitative-1: var(--rds-color-dvt-1); --ui-light-color-dvt-palette-qualitative-2: var(--rds-color-dvt-2); --ui-light-color-dvt-palette-qualitative-3: var(--rds-color-dvt-3); --ui-light-color-dvt-palette-qualitative-4: var(--rds-color-dvt-4); --ui-light-color-dvt-palette-qualitative-5: var(--rds-color-dvt-5); --ui-light-color-dvt-palette-qualitative-6: var(--rds-color-dvt-6); --ui-light-color-dvt-palette-qualitative-7: var(--rds-color-dvt-7); --ui-light-color-dvt-palette-qualitative-8: var(--rds-color-dvt-8); --ui-light-color-dvt-palette-qualitative-9: var(--rds-color-dvt-9); --ui-light-color-dvt-palette-qualitative-10: var(--rds-color-dvt-10); --ui-light-color-dvt-palette-qualitative-11: var(--rds-color-dvt-11); --ui-light-color-dvt-palette-qualitative-12: var(--rds-color-dvt-12); --ui-light-color-dvt-reference-object-area: rgba(49, 45, 42, 0.08); --ui-light-color-dvt-reference-object-line: rgba(22, 21, 19, 0.8); --ui-light-color-dvt-threshold-danger: var(--rds-color-dvt-threshold-danger); --ui-light-color-dvt-threshold-success: var(--rds-color-dvt-threshold-success); --ui-light-color-dvt-threshold-warning: var(--rds-color-dvt-threshold-warning); --ui-light-color-measure-fill-disabled: rgba(22, 21, 19, 0.2); --ui-light-color-measure-fill-enabled: rgba(22, 21, 19, 0.5); --ui-light-color-measure-reference-area: rgba(49, 45, 42, 0.08); --ui-light-color-measure-reference-line: rgba(22, 21, 19, 0.8); --ui-light-color-measure-reference-line-contrast: rgba(245, 244, 242, 0.7); --ui-light-color-measure-thumb-surface: transparent; --ui-light-color-measure-track-disabled: var(--rds-color-neutral-170); --ui-light-color-measure-track-enabled: rgba(49, 45, 42, 0.16); --ui-light-color-overlay-active-default: rgba(22, 21, 19, 0.16); --ui-light-color-overlay-active-danger: rgba(255, 157, 144, 0.32); --ui-light-color-overlay-hover-default: rgba(22, 21, 19, 0.08); --ui-light-color-overlay-hover-danger: rgba(255, 157, 144, 0.24); --ui-light-color-overlay-inverse-active: rgba(255, 255, 255, 0.12); --ui-light-color-overlay-inverse-hover: rgba(255, 255, 255, 0.08); --ui-light-color-overlay-scrim-strong: rgba(22, 21, 19, 0.4); --ui-light-color-overlay-scrim-subtle: var(--rds-color-neutral-10); --ui-light-color-page-background-neutral-0: var(--rds-color-neutral-0); --ui-light-color-page-background-neutral-10: var(--rds-color-neutral-10); --ui-light-color-page-background-neutral-20: var(--rds-color-neutral-20); --ui-light-color-page-background-neutral-30: var(--rds-color-neutral-30); --ui-light-color-page-background-neutral-40: var(--rds-color-neutral-40); --ui-light-color-slider-thumb-border-disabled: rgba(22, 21, 19, 0.2); --ui-light-color-slider-thumb-border-enabled: rgba(22, 21, 19, 0.5); --ui-light-color-surface-danger-strong: var(--rds-color-alert-danger-100); --ui-light-color-surface-danger-subtle: rgba(255, 157, 144, 0.4); --ui-light-color-surface-disabled: rgba(22, 21, 19, 0.04); --ui-light-color-surface-info-strong: var(--rds-color-alert-information-60); --ui-light-color-surface-info-subtle: rgba(143, 191, 208, 0.4); --ui-light-color-surface-neutral-0: var(--rds-color-neutral-0); --ui-light-color-surface-neutral-10: var(--rds-color-neutral-10); --ui-light-color-surface-neutral-20: var(--rds-color-neutral-20); --ui-light-color-surface-neutral-30: var(--rds-color-neutral-30); --ui-light-color-surface-neutral-low: var(--rds-color-neutral-40); --ui-light-color-surface-neutral-strong: var(--rds-color-neutral-100); --ui-light-color-surface-neutral-subtle: rgba(22, 21, 19, 0.08); --ui-light-color-surface-popup: var(--rds-color-neutral-50); --ui-light-color-surface-selected: var(--rds-color-brand-dark-70); --ui-light-color-surface-success-low: var(--rds-color-alert-success-40); --ui-light-color-surface-success-strong: var(--rds-color-alert-success-100); --ui-light-color-surface-success-subtle: rgba(138, 201, 79, 0.4); --ui-light-color-surface-warning-strong: var(--rds-color-alert-warning-130); --ui-light-color-surface-warning-subtle: rgba(240, 169, 87, 0.4); --ui-light-color-switch-surface-selected: var(--rds-color-brand-blue-100); --ui-light-color-switch-surface-unselected: var(--rds-color-neutral-90); --ui-light-color-text: var(--rds-color-neutral-190); --ui-light-color-text-field-enabled-border: rgba(22, 21, 19, 0.5); --ui-light-color-text-field-enabled-surface: var(--rds-color-neutral-0); --ui-light-color-text-icon-danger: var(--rds-color-alert-danger-120); --ui-light-color-text-icon-danger-low: var(--rds-color-alert-danger-100); --ui-light-color-text-icon-disabled: rgba(22, 21, 19, 0.4); --ui-light-color-text-icon-info: var(--rds-color-alert-information-120); --ui-light-color-text-icon-info-low: var(--rds-color-alert-information-100); --ui-light-color-text-icon-inverse: var(--rds-color-neutral-0); --ui-light-color-text-icon-link: var(--rds-color-brand-blue-120); --ui-light-color-text-icon-on-color: var(--rds-color-neutral-0); --ui-light-color-text-icon-primary: var(--rds-color-neutral-190); --ui-light-color-text-icon-secondary: rgba(22, 21, 19, 0.7); --ui-light-color-text-icon-success: var(--rds-color-alert-success-120); --ui-light-color-text-icon-success-low: var(--rds-color-alert-success-100); --ui-light-color-text-icon-warning: var(--rds-color-alert-warning-120); --ui-light-color-text-icon-warning-low: var(--rds-color-alert-warning-100); }