Skip to content

Commit

Permalink
fixup! Feat(design-tokens): Introduce new token structure
Browse files Browse the repository at this point in the history
  • Loading branch information
@crishpeen
crishpeen committed Oct 24, 2024
1 parent 95e3432 commit cb69f77
Showing 1 changed file with 84 additions and 84 deletions.
168 changes: 84 additions & 84 deletions packages/design-tokens/src/scss/themes/theme-light-on-brand/_colors.scss
View file
Original file line number Diff line number Diff line change
@@ -1,77 +1,77 @@
/* This file was generated by Supernova, don't change manually */
$background-backdrop: #1a1b1b80 !default;

$background-interactive-state-active: #ede6ff !default;
$background-interactive-state-default: #1a1b1b00 !default;
$background-interactive-state-hover: #f6f2ff !default;
$background-interactive-state-active: #7847ff !default;
$background-interactive-state-default: #fff0 !default;
$background-interactive-state-hover: #7042ee !default;

$background-primary: #7256c5 !default;
$background-secondary: #8672bf !default;
$background-tertiary: #665987 !default;
$background-primary: #6038cc !default;
$background-secondary: #502faa !default;
$background-tertiary: #402588 !default;

$border-basic: #cbcccc !default;
$border-focus: #7847ff !default;
$border-basic: #936bff !default;
$border-focus: #301c66 !default;

$border-interactive-state-active: #989999 !default;
$border-interactive-state-default: #acadad !default;
$border-interactive-state-hover: #a2a3a3 !default;
$border-interactive-state-selected: #7847ff !default;
$border-interactive-state-active: #ae90ff !default;
$border-interactive-state-default: #936bff !default;
$border-interactive-state-hover: #a584ff !default;
$border-interactive-state-selected: #ffbe00 !default;

$component-button-plain-border: #fff0 !default;
$component-button-plain-content: #502faa !default;
$component-button-plain-state-active: #ede6ff !default;
$component-button-plain-state-default: #1a1b1b00 !default;
$component-button-plain-state-hover: #f6f2ff !default;

$component-button-primary-border: #1a1b1b00 !default;
$component-button-primary-content: #fff !default;
$component-button-primary-state-active: #6038cc !default;
$component-button-primary-state-default: #7847ff !default;
$component-button-primary-state-hover: #683ddd !default;

$component-button-secondary-border: #683ddd !default;
$component-button-secondary-content: #502faa !default;
$component-button-secondary-state-active: #ede6ff !default;
$component-button-plain-content: #fff !default;
$component-button-plain-state-active: #502faa !default;
$component-button-plain-state-default: #fff0 !default;
$component-button-plain-state-hover: #5834bb !default;

$component-button-primary-border: #e4daff !default;
$component-button-primary-content: #402588 !default;
$component-button-primary-state-active: #e4daff !default;
$component-button-primary-state-default: #faf8ff !default;
$component-button-primary-state-hover: #ede6ff !default;

$component-button-secondary-border: #faf8ff !default;
$component-button-secondary-content: #fff !default;
$component-button-secondary-state-active: #502faa !default;
$component-button-secondary-state-default: #fff0 !default;
$component-button-secondary-state-hover: #f6f2ff !default;
$component-button-secondary-state-hover: #5834bb !default;

$component-button-tertiary-border: #fff0 !default;
$component-button-tertiary-content: #282828 !default;
$component-button-tertiary-state-active: #e0e0e0 !default;
$component-button-tertiary-state-default: #f4f4f4 !default;
$component-button-tertiary-state-hover: #eaeaea !default;
$component-button-tertiary-border: #1a1b1b00 !default;
$component-button-tertiary-content: #fff !default;
$component-button-tertiary-state-active: #402588 !default;
$component-button-tertiary-state-default: #502faa !default;
$component-button-tertiary-state-hover: #482a99 !default;

$component-header-background: #fff !default;
$component-header-background: #6038cc !default;
$component-header-item-background-state-default: #fff0 !default;
$component-header-item-background-state-hover: #faf8ff !default;
$component-header-item-background-state-selected: #f6f2ff !default;
$component-header-item-state-active: #2f2f2f !default;
$component-header-item-state-default: #434444 !default;
$component-header-item-state-hover: #353636 !default;
$component-header-item-state-selected: #7847ff !default;
$component-header-item-background-state-hover: #5834bb !default;
$component-header-item-background-state-selected: #5834bb !default;
$component-header-item-state-active: #d2c1ff !default;
$component-header-item-state-default: #faf8ff !default;
$component-header-item-state-hover: #e4daff !default;
$component-header-item-state-selected: #ffcf44 !default;
$component-header-stripe-state-selected: #ffcf44 !default;
$component-header-stripe-state-unselected: #eaeaea !default;
$component-header-stripe-state-unselected: #8153ff !default;

$component-toggle-selected-border: #296734 !default;
$component-toggle-selected-border: #502faa !default;
$component-toggle-selected-content: #fff !default;
$component-toggle-selected-state-active: #358644 !default;
$component-toggle-selected-state-default: #4aa15a !default;
$component-toggle-selected-state-hover: #399049 !default;
$component-toggle-unselected-border: #656666 !default;
$component-toggle-unselected-content: #656666 !default;
$component-toggle-selected-state-active: #4aa15a !default;
$component-toggle-selected-state-default: #7ebc89 !default;
$component-toggle-selected-state-hover: #57a866 !default;
$component-toggle-unselected-border: #a584ff !default;
$component-toggle-unselected-content: #502faa !default;
$component-toggle-unselected-state-active: #e0e0e0 !default;
$component-toggle-unselected-state-default: #f9f9f9 !default;
$component-toggle-unselected-state-default: #fff !default;
$component-toggle-unselected-state-hover: #f4f4f4 !default;

$disabled-background: #f4f4f4 !default;
$disabled-border: #e0e0e0 !default;
$disabled-content: #8e8e8e !default;
$disabled-foreground: #d5d6d6 !default;
$disabled-background: #683ddd !default;
$disabled-border: #8a5fff !default;
$disabled-content: #a584ff !default;
$disabled-foreground: #8a5fff !default;

$emotion-danger-background-basic: #980000 !default;
$emotion-danger-background-subtle: #fdeeee !default;
$emotion-danger-border-basic: #eb4444 !default;
$emotion-danger-border-subtle: #f9cccc !default;
$emotion-danger-border-basic: #e51111 !default;
$emotion-danger-border-subtle: #e51111 !default;
$emotion-danger-content-basic: #3c0000 !default;
$emotion-danger-content-subtle: #fff !default;
$emotion-danger-state-active: #b60000 !default;
Expand All @@ -80,8 +80,8 @@ $emotion-danger-state-hover: #c50000 !default;

$emotion-informative-background-basic: #0050aa !default;
$emotion-informative-background-subtle: #eef5fd !default;
$emotion-informative-border-basic: #4494ee !default;
$emotion-informative-border-subtle: #cce2fa !default;
$emotion-informative-border-basic: #1177e9 !default;
$emotion-informative-border-subtle: #1177e9 !default;
$emotion-informative-content-basic: #001d3d !default;
$emotion-informative-content-subtle: #fff !default;
$emotion-informative-state-active: #005fc9 !default;
Expand All @@ -90,8 +90,8 @@ $emotion-informative-state-hover: #005fc9 !default;

$emotion-success-background-basic: #296734 !default;
$emotion-success-background-subtle: #f2f8f3 !default;
$emotion-success-border-basic: #71b57d !default;
$emotion-success-border-subtle: #d8ebdb !default;
$emotion-success-border-basic: #4aa15a !default;
$emotion-success-border-subtle: #4aa15a !default;
$emotion-success-content-basic: #102915 !default;
$emotion-success-content-subtle: #fff !default;
$emotion-success-state-active: #317c3f !default;
Expand All @@ -100,8 +100,8 @@ $emotion-success-state-hover: #358644 !default;

$emotion-warning-background-basic: #a15300 !default;
$emotion-warning-background-subtle: #fef6ee !default;
$emotion-warning-border-basic: #f59f44 !default;
$emotion-warning-border-subtle: #fce5cc !default;
$emotion-warning-border-basic: #f28511 !default;
$emotion-warning-border-subtle: #f28511 !default;
$emotion-warning-content-basic: #402100 !default;
$emotion-warning-content-subtle: #fff !default;
$emotion-warning-state-active: #c16400 !default;
Expand All @@ -112,37 +112,37 @@ $focus-focus-ring-color-01: #d2c2ffb2 !default;

$form-field-danger: #e40000 !default;

$form-field-filled-background-state-active: #f9f9f9 !default;
$form-field-filled-background-state-default: #f9f9f9 !default;
$form-field-filled-background-state-hover: #f4f4f4 !default;
$form-field-filled-background-state-active: #faf8ff !default;
$form-field-filled-background-state-default: #faf8ff !default;
$form-field-filled-background-state-hover: #ede6ff !default;
$form-field-filled-border-state-active: #989999 !default;
$form-field-filled-border-state-default: #acadad !default;
$form-field-filled-border-state-hover: #a2a3a3 !default;
$form-field-filled-border-state-selected: #7847ff !default;
$form-field-filled-border-state-selected: #ffbe00 !default;
$form-field-filled-content: #1a1b1b !default;
$form-field-filled-placeholder: #434444 !default;

$form-field-helper-text: #797a7a !default;
$form-field-label: #1a1b1b !default;
$form-field-success: #3e9b4f !default;
$form-field-helper-text: #d2c1ff !default;
$form-field-label: #faf8ff !default;
$form-field-success: #98c9a1 !default;
$form-field-warning: #f27d00 !default;

$gradient-basic-overlay-color-01: #606060 !default;
$gradient-basic-overlay-color-02: #60606000 !default;

$link-primary-state-active: #6038cc !default;
$link-primary-state-default: #7847ff !default;
$link-primary-state-hover: #683ddd !default;
$link-primary-state-active: #d2c1ff !default;
$link-primary-state-default: #faf8ff !default;
$link-primary-state-hover: #e4daff !default;

$link-secondary-state-active: #6038cc !default;
$link-secondary-state-default: #434444 !default;
$link-secondary-state-hover: #683ddd !default;
$link-secondary-state-active: #faf8ff !default;
$link-secondary-state-default: #d2c1ff !default;
$link-secondary-state-hover: #ede6ff !default;

$link-state-visited: #301c66 !default;
$link-state-visited: #ffbe00 !default;

$link-tertiary-state-active: #6038cc !default;
$link-tertiary-state-default: #797a7a !default;
$link-tertiary-state-hover: #683ddd !default;
$link-tertiary-state-active: #faf8ff !default;
$link-tertiary-state-default: #b79cff !default;
$link-tertiary-state-hover: #ede6ff !default;

$neutral-background-basic: #1a1b1b !default;
$neutral-background-subtle: #f4f4f4 !default;
Expand All @@ -154,11 +154,11 @@ $neutral-state-active: #2f2f2f !default;
$neutral-state-default: #434444 !default;
$neutral-state-hover: #353636 !default;

$selected-content-basic: #6038cc !default;
$selected-content-subtle: #fff !default;
$selected-state-active: #6038cc !default;
$selected-state-default: #7847ff !default;
$selected-state-hover: #683ddd !default;
$selected-content-basic: #fff !default;
$selected-content-subtle: #6038cc !default;
$selected-state-active: #cc9800 !default;
$selected-state-default: #ffbe00 !default;
$selected-state-hover: #dda400 !default;

$shadow-shadow-100-color-01: #00000026 !default;

Expand All @@ -168,9 +168,9 @@ $shadow-shadow-300-color-01: #00000040 !default;

$shadow-shadow-400-color-01: #00000040 !default;

$text-primary: #fff !default;
$text-secondary: #cfcfcf !default;
$text-tertiary: #797a7a !default;
$text-primary: #f9f9f9 !default;
$text-secondary: #cbcccc !default;
$text-tertiary: #a2a3a3 !default;

$background-colors: (
backdrop: $background-backdrop,
Expand Down

0 comments on commit cb69f77

Please sign in to comment.