@sats-group/ui-lib 80.2.0 → 80.3.0

package/tokens/dark-variables.css

@@ -0,0 +1,414 @@
+[data-theme="dark"] {
+--background-primary-default: #000000;
+--background-primary-hover: #0b2335;
+--background-primary-selected: #000000;
+--background-secondary-default: #1a1a1a;
+--background-secondary-hover: #262626;
+--background-secondary-selected: #1a1a1a;
+--buttons-action-default: #ffffff00;
+--buttons-action-disabled: #ffffff00;
+--buttons-action-pressed: #ffffff00;
+--buttons-cta-default: #fa5333;
+--buttons-cta-disabled: #333333;
+--buttons-cta-hover: #c84229;
+--buttons-clean-default: #ffffff;
+--buttons-clean-disabled: #ffffff1a;
+--buttons-clean-hover: #ffffffe5;
+--buttons-clean-secondary-default: #ffffff26;
+--buttons-clean-secondary-disabled: #ffffff0d;
+--buttons-clean-secondary-hover: #ffffff1a;
+--buttons-clean-secondary-outline: #ffffff;
+--buttons-clean-secondary-outline-disabled: #ffffff66;
+--buttons-complete-default: #fa5333;
+--buttons-complete-disabled: #333333;
+--buttons-complete-hover: #c84229;
+--buttons-destructive-default: #e15b51;
+--buttons-destructive-disabled: #333333;
+--buttons-destructive-hover: #e8847d;
+--buttons-destructive-outlined-default: #e15b51;
+--buttons-destructive-outlined-disabled: #808080;
+--buttons-destructive-outlined-hover: #410f0b;
+--buttons-fixed-action-default: #ffffff00;
+--buttons-fixed-action-disabled: #ffffff00;
+--buttons-fixed-action-pressed: #ffffff00;
+--buttons-fixed-link-default: #ffffff00;
+--buttons-fixed-link-disabled: #ffffff00;
+--buttons-fixed-link-hover: #0f2f46;
+--buttons-link-default: #ffffff00;
+--buttons-link-disabled: #ffffff00;
+--buttons-link-hover: #0f2f46;
+--buttons-primary-default: #ffffff;
+--buttons-primary-disabled: #ffffff1a;
+--buttons-primary-hover: #d4e4ef;
+--buttons-secondary-default: #ffffff;
+--buttons-secondary-disabled: #333333;
+--buttons-secondary-hover: #0f2f46;
+--buttons-waiting-list-default: #5f5fa2;
+--buttons-waiting-list-disabled: #333333;
+--buttons-waiting-list-hover: #37378b;
+--buttons-waiting-list-outlined-default: #5f5fa2;
+--buttons-waiting-list-outlined-disabled: #808080;
+--buttons-waiting-list-outlined-hover: #161638;
+--fixed-background-primary-default: #0a1826;
+--fixed-background-primary-hover: #0d2134;
+--fixed-background-primary-selected: #253748;
+--fixed-background-secondary-default: #0d2134;
+--fixed-background-secondary-hover: #253748;
+--fixed-background-secondary-selected: #404d5b;
+--fixed-surface-primary-default: #0d2134;
+--fixed-surface-primary-hover: #253748;
+--fixed-surface-primary-selected: #404d5b;
+--fixed-surface-secondary-default: #404d5b;
+--fixed-surface-secondary-hover: #253748;
+--fixed-surface-secondary-selected: #404d5b;
+--ge-graphical-elements-1: #ffffff;
+--ge-graphical-elements-2: #ffffffe5;
+--ge-graphical-elements-3: #ffffffb2;
+--ge-graphical-elements-4: #1a1a1a;
+--ge-shadow: #000000;
+--ge-tabs: #1a1a1a;
+--ge-badge-primary: #fb6447;
+--ge-badge-secondary: #e7e9eb;
+--ge-badge-tertiary: #333333;
+--ge-border-default: #4c4c4c;
+--ge-border-focused: #ffffff66;
+--ge-chips-selected-default: #ffffff;
+--ge-chips-selected-disabled: #333333;
+--ge-chips-selected-hover: #ffffffcc;
+--ge-chips-unselected-default: #ffffffd9;
+--ge-chips-unselected-disabled: #ffffff1a;
+--ge-chips-unselected-hover: #ffffff1a;
+--ge-divider-alternate: #ffffff66;
+--ge-divider-default: #333333;
+--ge-divider-fixed: #ffffff33;
+--ge-divider-fixed-alternate: #ffffff66;
+--ge-fixed-badge-primary: #c84229;
+--ge-fixed-badge-secondary: #e9f1f7;
+--ge-fixed-badge-tertiary: #404d5b;
+--ge-fixed-chips-selected-default: #c84229;
+--ge-fixed-chips-selected-disabled: #566471;
+--ge-fixed-chips-selected-hover: #af3a24;
+--ge-fixed-chips-unselected-default: #ffffff;
+--ge-fixed-chips-unselected-disabled: #ffffff80;
+--ge-fixed-chips-unselected-hover: #00000033;
+--ge-fixed-progress-bar-background: #ffffff66;
+--ge-fixed-progress-bar-indicator-alternate: #e7e9eb;
+--ge-fixed-progress-bar-indicator-default: #fb6447;
+--ge-fixed-progress-bar-indicator-disabled: #ffffff66;
+--ge-fixed-selector-selected-default: #fb6447;
+--ge-fixed-selector-selected-disabled: #af3a24;
+--ge-fixed-selector-selected-bg-default: #4b190f;
+--ge-fixed-selector-selected-bg-disabled: #32110a;
+--ge-fixed-selector-unselected-default: #ffffff;
+--ge-fixed-selector-unselected-disabled: #ffffff80;
+--ge-fixed-tabs-background-default: #ffffff00;
+--ge-fixed-tabs-background-disabled: #404d5b;
+--ge-fixed-tabs-background-hover: #ffffff26;
+--ge-fixed-tabs-selected-default: #fa5333;
+--ge-fixed-tabs-selected-disabled: #566471;
+--ge-fixed-tabs-selected-hover: #c84229;
+--ge-fixed-tabs-unselected-default: #ffffff33;
+--ge-fixed-tabs-unselected-disabled: #ffffff1a;
+--ge-fixed-tabs-unselected-hover: #ffffff66;
+--ge-graphs-bar-primary: #fb6447;
+--ge-graphs-bar-secondary: #9ea6ae;
+--ge-graphs-bar-background-primary: #333333;
+--ge-graphs-bar-background-secondary: #4c4c4c;
+--ge-graphs-trend-downwards: #b93947;
+--ge-graphs-trend-neutral: #af3a24;
+--ge-graphs-trend-upwards: #3a9979;
+--ge-icons-attention: #e2b74a;
+--ge-icons-delete: #e15b51;
+--ge-icons-fixed: #ffffff;
+--ge-icons-negative: #b93947;
+--ge-icons-positive: #3a9979;
+--ge-icons-primary: #ffffff;
+--ge-icons-secondary: #cccccc;
+--ge-icons-waiting-list: #5f5fa2;
+--ge-indicator-tags-attention-alternate: #443716;
+--ge-indicator-tags-attention-default: #e7c46d;
+--ge-indicator-tags-featured-alternate: #4b190f;
+--ge-indicator-tags-featured-default: #fb6447;
+--ge-indicator-tags-information-alternate: #0f2f46;
+--ge-indicator-tags-information-default: #2676b0;
+--ge-indicator-tags-negative-alternate: #381115;
+--ge-indicator-tags-negative-default: #b93947;
+--ge-indicator-tags-neutral-alternate: #1a1a1a;
+--ge-indicator-tags-neutral-default: #666666;
+--ge-indicator-tags-positive-alternate: #03261a;
+--ge-indicator-tags-positive-default: #097f58;
+--ge-indicators-attention-alternate: #443716;
+--ge-indicators-attention-default: #e2b74a;
+--ge-indicators-negative-alternate: #381115;
+--ge-indicators-negative-default: #b93947;
+--ge-indicators-neutral-alternate: #333333;
+--ge-indicators-neutral-default: #9ea6ae;
+--ge-indicators-positive-alternate: #03261a;
+--ge-indicators-positive-default: #3a9979;
+--ge-nav-bar-not-selected: #ffffff;
+--ge-nav-bar-selected: #ffffff;
+--ge-progress-bar-background: #4c4c4c;
+--ge-progress-bar-indicator-alternate: #e7e9eb;
+--ge-progress-bar-indicator-default: #fb6447;
+--ge-progress-bar-indicator-disabled: #ffffff33;
+--ge-rewards-blue: #2676b0;
+--ge-rewards-gold: #cca442;
+--ge-rewards-platinum: #9ea6ae;
+--ge-rewards-silver: #cfd3d6;
+--ge-selector-primary-selected-alternate: #32110a;
+--ge-selector-primary-selected-default: #fb6447;
+--ge-selector-primary-selected-disabled: #af3a24;
+--ge-selector-primary-selected-hover: #fa5333;
+--ge-selector-primary-selected-bg-default: #4b190f;
+--ge-selector-primary-selected-bg-disabled: #32110a;
+--ge-selector-primary-unselected-default: #ffffff;
+--ge-selector-primary-unselected-disabled: #ffffff1a;
+--ge-selector-primary-unselected-hover: #32110a;
+--ge-selector-primary-unselected-bg-default: #ffffff00;
+--ge-selector-primary-unselected-bg-disabled: #ffffff00;
+--ge-selector-secondary-selected-default: #ffffff;
+--ge-selector-secondary-selected-disabled: #ffffff33;
+--ge-selector-secondary-selected-bg-default: #0f2f46;
+--ge-selector-secondary-selected-bg-disabled: #0b2335;
+--ge-selector-secondary-unselected-default: #ffffff;
+--ge-selector-secondary-unselected-disabled: #ffffff1a;
+--ge-selector-secondary-unselected-bg-default: #ffffff00;
+--ge-selector-secondary-unselected-bg-disabled: #ffffff00;
+--ge-signal-error: #b93947;
+--ge-signal-neutral: #9ea6ae;
+--ge-signal-success: #3a9979;
+--ge-signal-waiting-list: #5f5fa2;
+--ge-signal-warning: #e2b74a;
+--ge-signal-border-error: #eac4c8;
+--ge-signal-border-featured: #fdbaad;
+--ge-signal-border-information: #d4e4ef;
+--ge-signal-border-neutral: #cccccc;
+--ge-signal-border-success: #b5d9cd;
+--ge-signal-border-waiting-list: #8787b9;
+--ge-signal-border-warning: #f3e6c5;
+--ge-skeleton-default: #333333;
+--ge-tabs-background-default: #ffffff00;
+--ge-tabs-background-disabled: #0d0d0d;
+--ge-tabs-background-hover: #32110a;
+--ge-tabs-selected-default: #fa5333;
+--ge-tabs-selected-disabled: #4b190f;
+--ge-tabs-selected-hover: #c84229;
+--ge-tabs-unselected-default: #333333;
+--ge-tabs-unselected-disabled: #1a1a1a;
+--ge-tabs-unselected-hover: #4c4c4c;
+--ge-tags-featured: #fb6447;
+--ge-tags-primary: #e7e9eb;
+--ge-tags-secondary: #333333;
+--ge-toggle-interactive-element: #ffffff;
+--ge-toggle-selected-default: #fb6447;
+--ge-toggle-selected-disabled: #af3a24;
+--ge-toggle-unselected-default: #4c4c4c;
+--ge-toggle-unselected-disabled: #333333;
+--ge-toggle-unselected-interactive-element: #000000;
+--ge-workouts-availability: #999999;
+--ge-workouts-bootcamp: #caa9ff;
+--ge-workouts-gx: #ffa9b5;
+--ge-workouts-gym-floor: #fdc666;
+--ge-workouts-other: #a3f0bf;
+--ge-workouts-pt: #a9dcff;
+--ge-workouts-treatments: #6a9ea1;
+--on-background-error: #d58891;
+--on-background-featured: #fb6447;
+--on-background-information: #7dadd0;
+--on-background-neutral: #999999;
+--on-background-success: #3a9979;
+--on-background-waiting-list: #8787b9;
+--on-background-warning: #e7c46d;
+--on-background-primary-alternate: #cccccc;
+--on-background-primary-default: #ffffff;
+--on-background-primary-disabled: #808080;
+--on-background-secondary-alternate: #cccccc;
+--on-background-secondary-default: #ffffff;
+--on-background-secondary-disabled: #808080;
+--on-fixed-background-error: #d58891;
+--on-fixed-background-featured: #fb6447;
+--on-fixed-background-information: #7dadd0;
+--on-fixed-background-neutral: #ffffff99;
+--on-fixed-background-success: #6bb29b;
+--on-fixed-background-waiting-list: #afafd1;
+--on-fixed-background-warning: #ecd290;
+--on-fixed-background-primary-alternate: #ffffff99;
+--on-fixed-background-primary-default: #ffffff;
+--on-fixed-background-primary-disabled: #ffffff80;
+--on-fixed-background-secondary-alternate: #ffffff99;
+--on-fixed-background-secondary-default: #ffffff;
+--on-fixed-background-secondary-disabled: #ffffff80;
+--on-fixed-surface-error: #d58891;
+--on-fixed-surface-featured: #fb6447;
+--on-fixed-surface-information: #7dadd0;
+--on-fixed-surface-neutral: #ffffff99;
+--on-fixed-surface-success: #6bb29b;
+--on-fixed-surface-waiting-list: #afafd1;
+--on-fixed-surface-warning: #ecd290;
+--on-fixed-surface-primary-alternate: #ffffffa6;
+--on-fixed-surface-primary-default: #ffffff;
+--on-fixed-surface-primary-disabled: #ffffff80;
+--on-fixed-surface-secondary-alternate: #ffffffa6;
+--on-fixed-surface-secondary-default: #ffffff;
+--on-fixed-surface-secondary-disabled: #ffffff80;
+--on-ge-on-badge-primary: #0d2134;
+--on-ge-on-badge-secondary: #0d2134;
+--on-ge-on-badge-tertiary: #ffffff;
+--on-ge-on-chips-selected-default: #0d2134;
+--on-ge-on-chips-selected-disabled: #ffffff99;
+--on-ge-on-chips-unselected-default: #ffffff;
+--on-ge-on-chips-unselected-disabled: #ffffff33;
+--on-ge-on-fixed-badge-primary: #ffffff;
+--on-ge-on-fixed-badge-secondary: #0d2134;
+--on-ge-on-fixed-badge-tertiary: #ffffff;
+--on-ge-on-fixed-chips-selected-default: #ffffff;
+--on-ge-on-fixed-chips-selected-disabled: #9ea6ae;
+--on-ge-on-fixed-chips-unselected-default: #ffffff;
+--on-ge-on-fixed-chips-unselected-disabled: #ffffff80;
+--on-ge-on-fixed-selector-selected-default: #0d2134;
+--on-ge-on-fixed-selector-selected-disabled: #4b190f;
+--on-ge-on-fixed-selector-unselected-default: #ffffff;
+--on-ge-on-fixed-selector-unselected-disabled: #ffffff80;
+--on-ge-on-fixed-tabs-default: #ffffff;
+--on-ge-on-fixed-tabs-disabled: #ffffff80;
+--on-ge-on-indicator-tags-attention-alternate: #f3e6c5;
+--on-ge-on-indicator-tags-attention-default: #443716;
+--on-ge-on-indicator-tags-featured-alternate: #fdbaad;
+--on-ge-on-indicator-tags-featured-default: #4b190f;
+--on-ge-on-indicator-tags-information-alternate: #d4e4ef;
+--on-ge-on-indicator-tags-information-default: #ffffff;
+--on-ge-on-indicator-tags-negative-alternate: #eac4c8;
+--on-ge-on-indicator-tags-negative-default: #ffffff;
+--on-ge-on-indicator-tags-neutral-alternate: #cccccc;
+--on-ge-on-indicator-tags-neutral-default: #ffffff;
+--on-ge-on-indicator-tags-positive-alternate: #b5d9cd;
+--on-ge-on-indicator-tags-positive-default: #ffffff;
+--on-ge-on-rewards-default: #0d2134;
+--on-ge-on-selector-primary-selected-alternate: #ffffff;
+--on-ge-on-selector-primary-selected-default: #0d2134;
+--on-ge-on-selector-primary-selected-disabled: #ffffff99;
+--on-ge-on-selector-primary-unselected-default: #ffffff;
+--on-ge-on-selector-primary-unselected-disabled: #ffffff33;
+--on-ge-on-selector-secondary-selected-default: #0d2134;
+--on-ge-on-selector-secondary-selected-disabled: #ffffff99;
+--on-ge-on-selector-secondary-unselected-default: #ffffff;
+--on-ge-on-selector-secondary-unselected-disabled: #ffffff33;
+--on-ge-on-tabs-default: #ffffff;
+--on-ge-on-tabs-disabled: #999999;
+--on-ge-on-tags-featured-alternate: #fb6447;
+--on-ge-on-tags-featured-default: #4b190f;
+--on-ge-on-tags-primary-alternate: #ffffff;
+--on-ge-on-tags-primary-default: #0d2134;
+--on-ge-on-tags-secondary-alternate: #ffffff;
+--on-ge-on-tags-secondary-default: #ffffff;
+--on-ge-on-workouts-bootcamp: #422d66;
+--on-ge-on-workouts-gx: #470009;
+--on-ge-on-workouts-gymfloor: #644000;
+--on-ge-on-workouts-other: #184629;
+--on-ge-on-workouts-pt: #16496c;
+--on-ge-on-workouts-treatments: #011314;
+--on-signal-surface-error-alternate: #d58891;
+--on-signal-surface-error-default: #ffffff;
+--on-signal-surface-featured-alternate: #fb6447;
+--on-signal-surface-featured-default: #ffffff;
+--on-signal-surface-information-alternate: #7dadd0;
+--on-signal-surface-information-default: #ffffff;
+--on-signal-surface-neutral-alternate: #999999;
+--on-signal-surface-neutral-default: #ffffff;
+--on-signal-surface-success-alternate: #3a9979;
+--on-signal-surface-success-default: #ffffff;
+--on-signal-surface-waiting-list-alternate: #8787b9;
+--on-signal-surface-waiting-list-default: #ffffff;
+--on-signal-surface-warning-alternate: #e7c46d;
+--on-signal-surface-warning-default: #ffffff;
+--on-surface-error: #d58891;
+--on-surface-featured: #fb6447;
+--on-surface-information: #7dadd0;
+--on-surface-neutral: #999999;
+--on-surface-success: #3a9979;
+--on-surface-waiting-list: #8787b9;
+--on-surface-warning: #e7c46d;
+--on-surface-primary-alternate: #cccccc;
+--on-surface-primary-default: #ffffff;
+--on-surface-primary-disabled: #808080;
+--on-surface-secondary-alternate: #cccccc;
+--on-surface-secondary-default: #ffffff;
+--on-surface-secondary-disabled: #808080;
+--on-workout-surface-availability-default: #ffffff;
+--on-workout-surface-availability-hover: #ffffffcc;
+--on-workout-surface-bootcamp-alternate: #a670ff;
+--on-workout-surface-bootcamp-default: #ffffff;
+--on-workout-surface-gx-alternate: #ff7083;
+--on-workout-surface-gx-default: #ffffff;
+--on-workout-surface-gymfloor-alternate: #fba000;
+--on-workout-surface-gymfloor-default: #ffffff;
+--on-workout-surface-other-alternate: #65e694;
+--on-workout-surface-other-default: #ffffff;
+--on-workout-surface-pt-alternate: #70c4ff;
+--on-workout-surface-pt-default: #ffffff;
+--on-workout-surface-treatments-alternate: #6a9ea1;
+--on-workout-surface-treatments-default: #ffffff;
+--on-buttons-on-action-default: #fa5333;
+--on-buttons-on-action-disabled: #808080;
+--on-buttons-on-action-pressed: #fb6447;
+--on-buttons-on-cta-default: #ffffff;
+--on-buttons-on-cta-disabled: #ffffffb2;
+--on-buttons-on-clean-default: #0d2134;
+--on-buttons-on-clean-disabled: #ffffff80;
+--on-buttons-on-clean-secondary-default: #ffffff;
+--on-buttons-on-clean-secondary-disabled: #ffffffb2;
+--on-buttons-on-complete-default: #ffffff;
+--on-buttons-on-complete-disabled: #ffffffb2;
+--on-buttons-on-destructive-default: #ffffff;
+--on-buttons-on-destructive-disabled: #808080;
+--on-buttons-on-destructive-outlined-default: #e15b51;
+--on-buttons-on-destructive-outlined-disabled: #808080;
+--on-buttons-on-destructive-outlined-hover: #e8847d;
+--on-buttons-on-fixed-action-default: #fa5333;
+--on-buttons-on-fixed-action-disabled: #ffffff80;
+--on-buttons-on-fixed-action-pressed: #fb6447;
+--on-buttons-on-fixed-link-default: #5191c0;
+--on-buttons-on-fixed-link-disabled: #ffffff80;
+--on-buttons-on-fixed-link-hover: #2676b0;
+--on-buttons-on-link-default: #5191c0;
+--on-buttons-on-link-disabled: #808080;
+--on-buttons-on-link-hover: #2676b0;
+--on-buttons-on-primary-default: #0d2134;
+--on-buttons-on-primary-disabled: #808080;
+--on-buttons-on-secondary-default: #ffffff;
+--on-buttons-on-secondary-disabled: #808080;
+--on-buttons-on-waiting-list-default: #ffffff;
+--on-buttons-on-waiting-list-disabled: #808080;
+--on-buttons-on-waiting-list-outlined-default: #5f5fa2;
+--on-buttons-on-waiting-list-outlined-disabled: #808080;
+--on-buttons-on-waiting-list-outlined-hover: #37378b;
+--signal-surface-error: #381115;
+--signal-surface-featured: #32110a;
+--signal-surface-information: #0f2f46;
+--signal-surface-neutral: #1a1a1a;
+--signal-surface-success: #03261a;
+--signal-surface-waiting-list: #161638;
+--signal-surface-warning: #443716;
+--surface-primary-default: #1a1a1a;
+--surface-primary-disabled: #0d0d0d;
+--surface-primary-hover: #0b2335;
+--surface-primary-selected: #0f2f46;
+--surface-secondary-default: #262626;
+--surface-secondary-disabled: #000000;
+--surface-secondary-hover: #333333;
+--surface-secondary-selected: #262626;
+--workout-surface-availability: #262626;
+--workout-surface-availability-hover: #333333;
+--workout-surface-bootcamp: #211633;
+--workout-surface-bootcamp-hover: #422d66;
+--workout-surface-gx: #470009;
+--workout-surface-gx-hover: #912d3a;
+--workout-surface-gymfloor: #322000;
+--workout-surface-gymfloor-hover: #644000;
+--workout-surface-other: #051e0e;
+--workout-surface-other-hover: #184629;
+--workout-surface-pt: #0b3959;
+--workout-surface-pt-hover: #16496c;
+--workout-surface-treatments: #011314;
+--workout-surface-treatments-hover: #04383b;
+}