@breadstone/mosaik-themes 0.0.206 → 0.0.209

package/themes/memphis-tokens.scss

@@ -3,6 +3,7 @@ $font-family: Nunito, sans-serif;
 $layout-radius: 0px;
 $layout-space: 10px;
 $layout-thickness: 3px;
+$scheme-light-surface: #ffffff;
 $scheme-light-background: #eaeaea;
 $scheme-light-foreground: #3c454f;
 $scheme-light-highlight: #d1d1d1;
@@ -12,6 +13,8 @@ $scheme-light-transparent: rgba(255, 255, 255, 0);
 $scheme-light-semi-transparent: rgba(255, 255, 255, 0.67);
 $scheme-light-disabled: #686868;
 $scheme-light-contrast: #333333;
+$scheme-light-selection: #a8c0ff;
+$scheme-dark-surface: #2e2e2e;
 $scheme-dark-background: #151515;
 $scheme-dark-foreground: #c3bab0;
 $scheme-dark-highlight: #2e2e2e;
@@ -21,160 +24,205 @@ $scheme-dark-transparent: rgba(255, 255, 255, 0);
 $scheme-dark-semi-transparent: rgba(0, 0, 0, 0.67);
 $scheme-dark-disabled: #474747;
 $scheme-dark-contrast: #ffffff;
+$scheme-dark-selection: #6666ff;
 $color-light-primary-0: #ffffff;
-$color-light-primary-50: #f9f9f9;
-$color-light-primary-100: #f2f2f2;
-$color-light-primary-200: #e8e8e8;
-$color-light-primary-300: #d8d8d8;
-$color-light-primary-400: #b4b4b4;
-$color-light-primary-500: #949494;
-$color-light-primary-600: #6c6c6c;
-$color-light-primary-700: #595959;
-$color-light-primary-800: #3a3a3a;
-$color-light-primary-900: #1a1a1a;
+$color-light-primary-50: #fce4ec;
+$color-light-primary-100: #f8bcd0;
+$color-light-primary-200: #f48fb1;
+$color-light-primary-300: #f06292;
+$color-light-primary-400: #ec407a;
+$color-light-primary-500: #e91e63;
+$color-light-primary-600: #cb1a56;
+$color-light-primary-700: #a31545;
+$color-light-primary-800: #7e1035;
+$color-light-primary-900: #3a0819;
 $color-light-secondary-0: #ffffff;
-$color-light-secondary-50: #e1f3ef;
-$color-light-secondary-100: #b5e0d6;
-$color-light-secondary-200: #85cdbc;
-$color-light-secondary-300: #57b9a2;
-$color-light-secondary-400: #38a990;
-$color-light-secondary-500: #24997e;
-$color-light-secondary-600: #208c71;
-$color-light-secondary-700: #1b7c62;
-$color-light-secondary-800: #166c54;
-$color-light-secondary-900: #0d503a;
+$color-light-secondary-50: #e6f6e9;
+$color-light-secondary-100: #c3e8c9;
+$color-light-secondary-200: #9bd9a7;
+$color-light-secondary-300: #70cb83;
+$color-light-secondary-400: #4dbf68;
+$color-light-secondary-500: #21b34d;
+$color-light-secondary-600: #16a444;
+$color-light-secondary-700: #009238;
+$color-light-secondary-800: #00812d;
+$color-light-secondary-900: #006218;
+$color-light-tertiary-0: #ffffff;
+$color-light-tertiary-50: #e1f5fc;
+$color-light-tertiary-100: #b4e6f7;
+$color-light-tertiary-200: #84d5f3;
+$color-light-tertiary-300: #56c5ee;
+$color-light-tertiary-400: #35b8eb;
+$color-light-tertiary-500: #19ace9;
+$color-light-tertiary-600: #139edb;
+$color-light-tertiary-700: #098bc7;
+$color-light-tertiary-800: #087ab4;
+$color-light-tertiary-900: #005a92;
 $color-light-info-0: #ffffff;
-$color-light-info-50: #e8eaf9;
-$color-light-info-100: #c6c9f1;
-$color-light-info-200: #9fa7e7;
-$color-light-info-300: #7884dd;
-$color-light-info-400: #5968d6;
-$color-light-info-500: #394dcd;
-$color-light-info-600: #3344c2;
-$color-light-info-700: #293ab6;
-$color-light-info-800: #202faa;
-$color-light-info-900: #0a1a97;
+$color-light-info-50: #f4faff;
+$color-light-info-100: #ddf1ff;
+$color-light-info-200: #addbff;
+$color-light-info-300: #6fb6ff;
+$color-light-info-400: #3990ff;
+$color-light-info-500: #096bde;
+$color-light-info-600: #054da7;
+$color-light-info-700: #02367d;
+$color-light-info-800: #072859;
+$color-light-info-900: #00153c;
 $color-light-warning-0: #ffffff;
-$color-light-warning-50: #fcfce5;
-$color-light-warning-100: #f7f6bf;
-$color-light-warning-200: #f1f294;
-$color-light-warning-300: #ebec67;
-$color-light-warning-400: #e5e741;
-$color-light-warning-500: #dfe300;
-$color-light-warning-600: #d1d100;
-$color-light-warning-700: #bfba00;
-$color-light-warning-800: #aea300;
-$color-light-warning-900: #927c00;
+$color-light-warning-50: #fff8c5;
+$color-light-warning-100: #fae17d;
+$color-light-warning-200: #eac54f;
+$color-light-warning-300: #d4a72c;
+$color-light-warning-400: #bf8700;
+$color-light-warning-500: #9a6700;
+$color-light-warning-600: #7d4e00;
+$color-light-warning-700: #633c01;
+$color-light-warning-800: #4d2d00;
+$color-light-warning-900: #3b2300;
 $color-light-danger-0: #ffffff;
-$color-light-danger-50: #fcecef;
-$color-light-danger-100: #f8d0d5;
-$color-light-danger-200: #e69fa1;
-$color-light-danger-300: #d97b7d;
-$color-light-danger-400: #e35f5f;
-$color-light-danger-500: #e8524a;
-$color-light-danger-600: #d94a47;
-$color-light-danger-700: #c74141;
-$color-light-danger-800: #b93c3a;
-$color-light-danger-900: #ab322f;
+$color-light-danger-50: #fff8f6;
+$color-light-danger-100: #ffe9e8;
+$color-light-danger-200: #ffc7c5;
+$color-light-danger-300: #ff9192;
+$color-light-danger-400: #fa5255;
+$color-light-danger-500: #d3232f;
+$color-light-danger-600: #a10e25;
+$color-light-danger-700: #77061b;
+$color-light-danger-800: #580013;
+$color-light-danger-900: #39000d;
 $color-light-success-0: #ffffff;
-$color-light-success-50: #e1f3ef;
-$color-light-success-100: #b5e0d6;
-$color-light-success-200: #85cdbc;
-$color-light-success-300: #57b9a2;
-$color-light-success-400: #38a990;
-$color-light-success-500: #24997e;
-$color-light-success-600: #208c71;
-$color-light-success-700: #1b7c62;
-$color-light-success-800: #166c54;
-$color-light-success-900: #0d503a;
+$color-light-success-50: #f3fef5;
+$color-light-success-100: #d7f5dd;
+$color-light-success-200: #77ec95;
+$color-light-success-300: #4cc76e;
+$color-light-success-400: #2ca24d;
+$color-light-success-500: #1a7d36;
+$color-light-success-600: #0f5d26;
+$color-light-success-700: #034318;
+$color-light-success-800: #002f0f;
+$color-light-success-900: #001d09;
+$color-light-highlight-0: #ffffff;
+$color-light-highlight-50: #fdf7ff;
+$color-light-highlight-100: #f4eaff;
+$color-light-highlight-200: #e1cbff;
+$color-light-highlight-300: #c69eff;
+$color-light-highlight-400: #a374f9;
+$color-light-highlight-500: #814dde;
+$color-light-highlight-600: #5f35ae;
+$color-light-highlight-700: #452382;
+$color-light-highlight-800: #301761;
+$color-light-highlight-900: #1d0a42;
 $color-light-neutral-0: #ffffff;
-$color-light-neutral-50: #f9f9f9;
-$color-light-neutral-100: #f2f2f2;
-$color-light-neutral-200: #e8e8e8;
-$color-light-neutral-300: #d8d8d8;
-$color-light-neutral-400: #b4b4b4;
-$color-light-neutral-500: #949494;
-$color-light-neutral-600: #6c6c6c;
-$color-light-neutral-700: #595959;
-$color-light-neutral-800: #3a3a3a;
-$color-light-neutral-900: #1a1a1a;
+$color-light-neutral-50: #f7f7f8;
+$color-light-neutral-100: #ebebef;
+$color-light-neutral-200: #d8d8df;
+$color-light-neutral-300: #b9b9c6;
+$color-light-neutral-400: #8f8fa3;
+$color-light-neutral-500: #73738c;
+$color-light-neutral-600: #5a5a72;
+$color-light-neutral-700: #434356;
+$color-light-neutral-800: #25252d;
+$color-light-neutral-900: #131318;
 $color-dark-primary-0: #000000;
-$color-dark-primary-50: #1a1a1a;
-$color-dark-primary-100: #3a3a3a;
-$color-dark-primary-200: #595959;
-$color-dark-primary-300: #6c6c6c;
-$color-dark-primary-400: #949494;
-$color-dark-primary-500: #b4b4b4;
-$color-dark-primary-600: #d8d8d8;
-$color-dark-primary-700: #e8e8e8;
-$color-dark-primary-800: #f2f2f2;
-$color-dark-primary-900: #f9f9f9;
+$color-dark-primary-50: #3a0819;
+$color-dark-primary-100: #7e1035;
+$color-dark-primary-200: #a31545;
+$color-dark-primary-300: #cb1a56;
+$color-dark-primary-400: #e91e63;
+$color-dark-primary-500: #ec407a;
+$color-dark-primary-600: #f06292;
+$color-dark-primary-700: #f48fb1;
+$color-dark-primary-800: #f8bcd0;
+$color-dark-primary-900: #fce4ec;
 $color-dark-secondary-0: #000000;
-$color-dark-secondary-50: #0d503a;
-$color-dark-secondary-100: #166c54;
-$color-dark-secondary-200: #1b7c62;
-$color-dark-secondary-300: #208c71;
-$color-dark-secondary-400: #24997e;
-$color-dark-secondary-500: #38a990;
-$color-dark-secondary-600: #57b9a2;
-$color-dark-secondary-700: #85cdbc;
-$color-dark-secondary-800: #b5e0d6;
-$color-dark-secondary-900: #e1f3ef;
+$color-dark-secondary-50: #006218;
+$color-dark-secondary-100: #00812d;
+$color-dark-secondary-200: #009238;
+$color-dark-secondary-300: #16a444;
+$color-dark-secondary-400: #21b34d;
+$color-dark-secondary-500: #4dbf68;
+$color-dark-secondary-600: #70cb83;
+$color-dark-secondary-700: #9bd9a7;
+$color-dark-secondary-800: #c3e8c9;
+$color-dark-secondary-900: #e6f6e9;
+$color-dark-tertiary-0: #000000;
+$color-dark-tertiary-50: #005a92;
+$color-dark-tertiary-100: #087ab4;
+$color-dark-tertiary-200: #098bc7;
+$color-dark-tertiary-300: #139edb;
+$color-dark-tertiary-400: #19ace9;
+$color-dark-tertiary-500: #35b8eb;
+$color-dark-tertiary-600: #56c5ee;
+$color-dark-tertiary-700: #84d5f3;
+$color-dark-tertiary-800: #b4e6f7;
+$color-dark-tertiary-900: #e1f5fc;
 $color-dark-info-0: #000000;
-$color-dark-info-50: #0a1a97;
-$color-dark-info-100: #202faa;
-$color-dark-info-200: #293ab6;
-$color-dark-info-300: #3344c2;
-$color-dark-info-400: #394dcd;
-$color-dark-info-500: #5968d6;
-$color-dark-info-600: #7884dd;
-$color-dark-info-700: #9fa7e7;
-$color-dark-info-800: #c6c9f1;
-$color-dark-info-900: #e8eaf9;
+$color-dark-info-50: #00153c;
+$color-dark-info-100: #072859;
+$color-dark-info-200: #02367d;
+$color-dark-info-300: #054da7;
+$color-dark-info-400: #096bde;
+$color-dark-info-500: #3990ff;
+$color-dark-info-600: #6fb6ff;
+$color-dark-info-700: #addbff;
+$color-dark-info-800: #ddf1ff;
+$color-dark-info-900: #f4faff;
 $color-dark-warning-0: #000000;
-$color-dark-warning-50: #927c00;
-$color-dark-warning-100: #aea300;
-$color-dark-warning-200: #bfba00;
-$color-dark-warning-300: #d1d100;
-$color-dark-warning-400: #dfe300;
-$color-dark-warning-500: #e5e741;
-$color-dark-warning-600: #ebec67;
-$color-dark-warning-700: #f1f294;
-$color-dark-warning-800: #f7f6bf;
-$color-dark-warning-900: #fcfce5;
+$color-dark-warning-50: #3b2300;
+$color-dark-warning-100: #4d2d00;
+$color-dark-warning-200: #633c01;
+$color-dark-warning-300: #7d4e00;
+$color-dark-warning-400: #9a6700;
+$color-dark-warning-500: #bf8700;
+$color-dark-warning-600: #d4a72c;
+$color-dark-warning-700: #eac54f;
+$color-dark-warning-800: #fae17d;
+$color-dark-warning-900: #fff8c5;
 $color-dark-danger-0: #000000;
-$color-dark-danger-50: #ab322f;
-$color-dark-danger-100: #b93c3a;
-$color-dark-danger-200: #c74141;
-$color-dark-danger-300: #d94a47;
-$color-dark-danger-400: #e8524a;
-$color-dark-danger-500: #e35f5f;
-$color-dark-danger-600: #d97b7d;
-$color-dark-danger-700: #e69fa1;
-$color-dark-danger-800: #f8d0d5;
-$color-dark-danger-900: #fcecef;
+$color-dark-danger-50: #39000d;
+$color-dark-danger-100: #580013;
+$color-dark-danger-200: #77061b;
+$color-dark-danger-300: #a10e25;
+$color-dark-danger-400: #d3232f;
+$color-dark-danger-500: #fa5255;
+$color-dark-danger-600: #ff9192;
+$color-dark-danger-700: #ffc7c5;
+$color-dark-danger-800: #ffe9e8;
+$color-dark-danger-900: #fff8f6;
 $color-dark-success-0: #000000;
-$color-dark-success-50: #0d503a;
-$color-dark-success-100: #166c54;
-$color-dark-success-200: #1b7c62;
-$color-dark-success-300: #208c71;
-$color-dark-success-400: #24997e;
-$color-dark-success-500: #38a990;
-$color-dark-success-600: #57b9a2;
-$color-dark-success-700: #85cdbc;
-$color-dark-success-800: #b5e0d6;
-$color-dark-success-900: #e1f3ef;
+$color-dark-success-50: #001d09;
+$color-dark-success-100: #002f0f;
+$color-dark-success-200: #034318;
+$color-dark-success-300: #0f5d26;
+$color-dark-success-400: #1a7d36;
+$color-dark-success-500: #2ca24d;
+$color-dark-success-600: #4cc76e;
+$color-dark-success-700: #77ec95;
+$color-dark-success-800: #d7f5dd;
+$color-dark-success-900: #f3fef5;
+$color-dark-highlight-0: #000000;
+$color-dark-highlight-50: #1d0a42;
+$color-dark-highlight-100: #301761;
+$color-dark-highlight-200: #452382;
+$color-dark-highlight-300: #5f35ae;
+$color-dark-highlight-400: #814dde;
+$color-dark-highlight-500: #a374f9;
+$color-dark-highlight-600: #c69eff;
+$color-dark-highlight-700: #e1cbff;
+$color-dark-highlight-800: #f4eaff;
+$color-dark-highlight-900: #fdf7ff;
 $color-dark-neutral-0: #000000;
-$color-dark-neutral-50: #1a1a1a;
-$color-dark-neutral-100: #3a3a3a;
-$color-dark-neutral-200: #595959;
-$color-dark-neutral-300: #6c6c6c;
-$color-dark-neutral-400: #949494;
-$color-dark-neutral-500: #b4b4b4;
-$color-dark-neutral-600: #d8d8d8;
-$color-dark-neutral-700: #e8e8e8;
-$color-dark-neutral-800: #f2f2f2;
-$color-dark-neutral-900: #f9f9f9;
+$color-dark-neutral-50: #131318;
+$color-dark-neutral-100: #25252d;
+$color-dark-neutral-200: #434356;
+$color-dark-neutral-300: #5a5a72;
+$color-dark-neutral-400: #73738c;
+$color-dark-neutral-500: #8f8fa3;
+$color-dark-neutral-600: #b9b9c6;
+$color-dark-neutral-700: #d8d8df;
+$color-dark-neutral-800: #ebebef;
+$color-dark-neutral-900: #f7f7f8;
 $typography-headline1-font-size: 96px;
 $typography-headline1-line-height: 100px;
 $typography-headline1-font-weight: 300;