@momentum-design/tokens 0.3.3 → 0.5.0

package/dist/scss/theme/webex/light-indigo-stable.scss

@@ -0,0 +1,394 @@
+
+// Do not edit directly
+// Generated on Thu, 06 Mar 2025 17:27:12 GMT
+
+$mds-color-theme-text-primary-normal: #000000f2;
+$mds-color-theme-text-primary-disabled: #00000066;
+$mds-color-theme-text-secondary-normal: #000000b3;
+$mds-color-theme-text-error-normal: #ab0a15;
+$mds-color-theme-text-error-hover: #4f0e10;
+$mds-color-theme-text-error-active: #4f0e10;
+$mds-color-theme-text-success-normal: #185e46;
+$mds-color-theme-text-success-hover: #0e2b20;
+$mds-color-theme-text-success-active: #0e2b20;
+$mds-color-theme-text-warning-normal: #7d4705;
+$mds-color-theme-text-warning-hover: #36220c;
+$mds-color-theme-text-warning-active: #36220c;
+$mds-color-theme-text-highlight: #bfe3ff;
+$mds-color-theme-text-accent-normal: #0353a8;
+$mds-color-theme-text-accent-hover: #0a274a;
+$mds-color-theme-text-accent-active: #0a274a;
+$mds-color-theme-text-teamdefault-normal: #000000b3;
+$mds-color-theme-text-teamdefault-hover: #000000b3;
+$mds-color-theme-text-teamdefault-active: #000000f2;
+$mds-color-theme-text-alert-purple-normal: #932099;
+$mds-color-theme-text-alert-purple-hover: #3b1840;
+$mds-color-theme-text-alert-purple-active: #3b1840;
+$mds-color-theme-text-alert-orange-normal: #9c3202;
+$mds-color-theme-text-alert-orange-hover: #411b04;
+$mds-color-theme-text-alert-orange-active: #411b04;
+$mds-color-theme-text-team-cobalt-normal: #08599c;
+$mds-color-theme-text-team-cobalt-hover: #08599c;
+$mds-color-theme-text-team-cobalt-active: #12283d;
+$mds-color-theme-text-team-cyan-normal: #066070;
+$mds-color-theme-text-team-cyan-hover: #0b2a30;
+$mds-color-theme-text-team-cyan-active: #0b2a30;
+$mds-color-theme-text-team-mint-normal: #12615a;
+$mds-color-theme-text-team-mint-hover: #102b2a;
+$mds-color-theme-text-team-mint-active: #102b2a;
+$mds-color-theme-text-team-lime-normal: #416116;
+$mds-color-theme-text-team-lime-hover: #416116;
+$mds-color-theme-text-team-lime-active: #1e2b10;
+$mds-color-theme-text-team-gold-normal: #735107;
+$mds-color-theme-text-team-gold-hover: #735107;
+$mds-color-theme-text-team-gold-active: #30240d;
+$mds-color-theme-text-team-orange-normal: #9c3202;
+$mds-color-theme-text-team-orange-hover: #9c3202;
+$mds-color-theme-text-team-orange-active: #411b04;
+$mds-color-theme-text-team-pink-normal: #a12a3a;
+$mds-color-theme-text-team-pink-hover: #a12a3a;
+$mds-color-theme-text-team-pink-active: #3b1e21;
+$mds-color-theme-text-team-purple-normal: #932099;
+$mds-color-theme-text-team-purple-hover: #932099;
+$mds-color-theme-text-team-purple-active: #3b1840;
+$mds-color-theme-text-team-violet-normal: #643abd;
+$mds-color-theme-text-team-violet-hover: #643abd;
+$mds-color-theme-text-team-violet-active: #29223d;
+$mds-color-theme-text-team-slate-normal: #535573;
+$mds-color-theme-text-team-slate-hover: #535573;
+$mds-color-theme-text-team-slate-active: #26262b;
+$mds-color-theme-inverted-text-primary-normal: #fffffff2;
+$mds-color-theme-inverted-text-primary-disabled: #ffffff66;
+$mds-color-theme-inverted-text-secondary-normal: #ffffffb3;
+$mds-color-theme-inverted-text-accent-normal: #64b4fa;
+$mds-color-theme-inverted-text-accent-hover: #bfe3ff;
+$mds-color-theme-inverted-text-accent-active: #bfe3ff;
+$mds-color-theme-inverted-background-normal: #000000;
+$mds-color-theme-inverted-button-primary-normal: #fffffff2;
+$mds-color-theme-inverted-button-primary-hover: #ffffffcc;
+$mds-color-theme-inverted-button-primary-pressed: #ffffffb3;
+$mds-color-theme-inverted-button-primary-disabled: #ffffff33;
+$mds-color-theme-inverted-button-secondary-normal: #ffffff00;
+$mds-color-theme-inverted-button-secondary-hover: #ffffff12;
+$mds-color-theme-inverted-button-secondary-pressed: #ffffff33;
+$mds-color-theme-inverted-button-secondary-disabled: #ffffff00;
+$mds-color-theme-inverted-outline-button-normal: #ffffff80;
+$mds-color-theme-inverted-outline-primary-normal: #ffffff66;
+$mds-color-theme-inverted-outline-disabled-normal: #ffffff33;
+$mds-color-theme-inverted-outline-theme-normal: #64b4fa;
+$mds-color-theme-inverted-outline-input-normal: #ffffff80;
+$mds-color-theme-inverted-control-active-normal: #64b4fa;
+$mds-color-theme-inverted-control-active-hover: #3492eb;
+$mds-color-theme-inverted-control-active-pressed: #1170cf;
+$mds-color-theme-inverted-control-active-active: #1170cf;
+$mds-color-theme-inverted-control-active-disabled: #ffffff33;
+$mds-color-theme-inverted-control-inactive-normal: #ffffff1c;
+$mds-color-theme-inverted-control-inactive-hover: #ffffff4d;
+$mds-color-theme-inverted-control-inactive-pressed: #ffffff66;
+$mds-color-theme-inverted-control-inactive-disabled: #ffffff33;
+$mds-color-theme-inverted-control-indicator-inactive-normal: #8f8f8f;
+$mds-color-theme-background-primary-ghost: #00000000;
+$mds-color-theme-background-primary-hover: #00000012;
+$mds-color-theme-background-primary-active: #0000001c;
+$mds-color-theme-background-primary-disabled: #00000000;
+$mds-color-theme-background-solid-primary-normal: #ffffff;
+$mds-color-theme-background-solid-secondary-normal: #f7f7f7;
+$mds-color-theme-background-solid-tertiary-normal: #ededed;
+$mds-color-theme-background-solid-quaternary-normal: #ffffff;
+$mds-color-theme-background-secondary-normal: #0000001c;
+$mds-color-theme-background-secondary-hover: #00000033;
+$mds-color-theme-background-secondary-active: #0000004d;
+$mds-color-theme-background-secondary-disabled: #00000000;
+$mds-color-theme-background-accent-normal: #1170cf;
+$mds-color-theme-background-accent-active: #0353a8;
+$mds-color-theme-background-alert-default-normal: #dedede;
+$mds-color-theme-background-alert-default-hover: #dedede;
+$mds-color-theme-background-alert-default-active: #c9c9c9;
+$mds-color-theme-background-alert-success-normal: #cef5eb;
+$mds-color-theme-background-alert-success-hover: #cef5eb;
+$mds-color-theme-background-alert-success-active: #9fedd8;
+$mds-color-theme-background-alert-warning-normal: #ffebc2;
+$mds-color-theme-background-alert-warning-hover: #ffebc2;
+$mds-color-theme-background-alert-warning-active: #ffda94;
+$mds-color-theme-background-alert-error-normal: #ffe8ea;
+$mds-color-theme-background-alert-error-hover: #ffe8ea;
+$mds-color-theme-background-alert-error-active: #ffd4da;
+$mds-color-theme-background-alert-theme-normal: #dbf0ff;
+$mds-color-theme-background-alert-theme-hover: #dbf0ff;
+$mds-color-theme-background-alert-theme-active: #bfe3ff;
+$mds-color-theme-background-alert-purple-normal: #fcf2fc;
+$mds-color-theme-background-alert-purple-hover: #fcf2fc;
+$mds-color-theme-background-alert-purple-active: #fce1fc;
+$mds-color-theme-background-alert-orange-normal: #feebd7;
+$mds-color-theme-background-alert-orange-hover: #feebd7;
+$mds-color-theme-background-alert-orange-active: #fed5ac;
+$mds-color-theme-background-label-cobalt-normal: #e5f8ff;
+$mds-color-theme-background-label-cobalt-hover: #c7eeff;
+$mds-color-theme-background-label-cobalt-active: #99ddff;
+$mds-color-theme-background-label-gold-normal: #f7f6dc;
+$mds-color-theme-background-label-gold-hover: #f5eaa2;
+$mds-color-theme-background-label-gold-active: #ebd460;
+$mds-color-theme-background-label-lime-normal: #f3f7e9;
+$mds-color-theme-background-label-lime-hover: #ddf2ae;
+$mds-color-theme-background-label-lime-active: #bce36f;
+$mds-color-theme-background-label-mint-normal: #e9f7f3;
+$mds-color-theme-background-label-mint-hover: #baf5e7;
+$mds-color-theme-background-label-mint-active: #74e8d1;
+$mds-color-theme-background-label-orange-normal: #feebd7;
+$mds-color-theme-background-label-orange-hover: #fed5ac;
+$mds-color-theme-background-label-orange-active: #feba7f;
+$mds-color-theme-background-label-pink-normal: #fff2f5;
+$mds-color-theme-background-label-pink-hover: #ffe0e7;
+$mds-color-theme-background-label-pink-active: #ffc7d2;
+$mds-color-theme-background-label-purple-normal: #fcf2fc;
+$mds-color-theme-background-label-purple-hover: #fce1fc;
+$mds-color-theme-background-label-purple-active: #fac3f8;
+$mds-color-theme-background-label-slate-normal: #f2f4ff;
+$mds-color-theme-background-label-slate-hover: #e3e7fa;
+$mds-color-theme-background-label-slate-active: #ced2ed;
+$mds-color-theme-background-label-violet-normal: #f8f2fc;
+$mds-color-theme-background-label-violet-hover: #f0e3fc;
+$mds-color-theme-background-label-violet-active: #e2cafc;
+$mds-color-theme-background-label-default-normal: #ededed;
+$mds-color-theme-background-label-default-hover: #dedede;
+$mds-color-theme-background-label-default-active: #c9c9c9;
+$mds-color-theme-background-label-error-normal: #ffe8ea;
+$mds-color-theme-background-label-error-hover: #ffd4da;
+$mds-color-theme-background-label-error-active: #ffb8c1;
+$mds-color-theme-background-namelabel-normal: #00000099;
+$mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #ebeffc 0%, #ffffff 100%);
+$mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #f7f9ff 0%, #ffffff 100%);
+$mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
+$mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%);
+$mds-color-theme-background-glass-normal: #ffffff99;
+$mds-color-theme-background-glass-overlay-normal: #ffffffcc;
+$mds-color-theme-background-glass-overlay-inactive: #ffffff66;
+$mds-color-theme-button-primary-normal: #000000f2;
+$mds-color-theme-button-primary-hover: #000000cc;
+$mds-color-theme-button-primary-pressed: #000000b3;
+$mds-color-theme-button-primary-disabled: #00000033;
+$mds-color-theme-button-secondary-normal: #00000000;
+$mds-color-theme-button-secondary-hover: #00000012;
+$mds-color-theme-button-secondary-pressed: #00000033;
+$mds-color-theme-button-secondary-disabled: #00000000;
+$mds-color-theme-button-secondary-active-normal: #00000033;
+$mds-color-theme-button-secondary-active-hover: #0000004d;
+$mds-color-theme-button-secondary-active-pressed: #00000066;
+$mds-color-theme-button-secondary-active-disabled: #0000001c;
+$mds-color-theme-button-join-normal: #1d805f;
+$mds-color-theme-button-join-hover: #185e46;
+$mds-color-theme-button-join-pressed: #134231;
+$mds-color-theme-button-cancel-normal: #db1f2e;
+$mds-color-theme-button-cancel-hover: #ab0a15;
+$mds-color-theme-button-cancel-pressed: #780d13;
+$mds-color-theme-button-accent-normal: #1170cf;
+$mds-color-theme-button-accent-hover: #0353a8;
+$mds-color-theme-button-accent-pressed: #063a75;
+$mds-color-theme-button-glass-primary-normal: #000000cc;
+$mds-color-theme-button-glass-primary-hover: #000000b3;
+$mds-color-theme-button-glass-primary-pressed: #00000099;
+$mds-color-theme-outline-primary-normal: #00000075;
+$mds-color-theme-outline-primary-disabled: #00000033;
+$mds-color-theme-outline-theme-normal: #1170cf;
+$mds-color-theme-outline-secondary-normal: #00000033;
+$mds-color-theme-outline-input-normal: #00000080;
+$mds-color-theme-outline-input-active: #000000e6;
+$mds-color-theme-outline-button-normal: #00000080;
+$mds-color-theme-outline-join-normal: #185e46;
+$mds-color-theme-outline-cancel-normal: #ab0a15;
+$mds-color-theme-outline-share-selected: #27a17a;
+$mds-color-theme-outline-share-active: #ec6400;
+$mds-color-theme-outline-share-inactive: #8f8f8f;
+$mds-color-theme-outline-overlay-normal: #707070;
+$mds-color-theme-outline-high-contrast-focus: #000000;
+$mds-color-theme-outline-label-cobalt: #5ebff7;
+$mds-color-theme-outline-label-gold: #d6b220;
+$mds-color-theme-outline-label-lime: #93c437;
+$mds-color-theme-outline-label-mint: #30c9b0;
+$mds-color-theme-outline-label-orange: #fd884e;
+$mds-color-theme-outline-label-pink: #fc97aa;
+$mds-color-theme-outline-label-purple: #f294f1;
+$mds-color-theme-outline-label-slate: #b0b4d9;
+$mds-color-theme-outline-label-violet: #c7a5fa;
+$mds-color-theme-outline-promotion-normal: #c233c4;
+$mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);
+$mds-color-theme-outline-warning-normal: #7d4705;
+$mds-color-theme-control-active-normal: #1170cf;
+$mds-color-theme-control-active-hover: #0353a8;
+$mds-color-theme-control-active-pressed: #063a75;
+$mds-color-theme-control-active-active: #063a75;
+$mds-color-theme-control-active-disabled: #00000033;
+$mds-color-theme-control-indicator-inactive-normal: #707070;
+$mds-color-theme-control-inactive-normal: #0000001c;
+$mds-color-theme-control-inactive-hover: #00000033;
+$mds-color-theme-control-inactive-pressed: #0000004d;
+$mds-color-theme-control-inactive-disabled: #00000012;
+$mds-color-theme-overlay-meetings-normal: #ffffffcc;
+$mds-color-theme-overlay-button-secondary-normal: #ffffff;
+$mds-color-theme-overlay-button-secondary-hover: #ededed;
+$mds-color-theme-overlay-button-secondary-pressed: #dedede;
+$mds-color-theme-indicator-unstable: #c94403;
+$mds-color-theme-indicator-attention: #db1f2e;
+$mds-color-theme-indicator-stable: #1d805f;
+$mds-color-theme-indicator-locked: #707070;
+$mds-color-theme-indicator-caution: #a65e00;
+$mds-color-theme-indicator-secure: #1170cf;
+$mds-color-theme-common-whiteboard-sticky-note-yellow: #ffbe4f;
+$mds-color-theme-common-whiteboard-sticky-note-red: #fc8b98;
+$mds-color-theme-common-whiteboard-sticky-note-purple: #f294f1;
+$mds-color-theme-common-whiteboard-sticky-note-cyan: #22c7d6;
+$mds-color-theme-common-whiteboard-sticky-note-mint: #30c9b0;
+$mds-color-theme-common-whiteboard-pen-black: #0f0f0f;
+$mds-color-theme-common-whiteboard-pen-red: #f55868;
+$mds-color-theme-common-whiteboard-pen-purple: #c233c4;
+$mds-color-theme-common-whiteboard-pen-blue: #64b4fa;
+$mds-color-theme-common-whiteboard-pen-green: #3cc29a;
+$mds-color-theme-common-whiteboard-pen-yellow: #f2990a;
+$mds-color-theme-common-whiteboard-pen-white: #ffffff;
+$mds-color-theme-common-text-primary-normal: #fffffff2;
+$mds-color-theme-common-text-primary-disabled: #ffffff66;
+$mds-color-theme-common-text-secondary-normal: #ffffffb3;
+$mds-color-theme-common-text-success-normal: #3cc29a;
+$mds-color-theme-common-text-success-hover: #9fedd8;
+$mds-color-theme-common-text-error-normal: #fc8b98;
+$mds-color-theme-common-text-error-hover: #ffd4da;
+$mds-color-theme-common-text-warning-normal: #f2990a;
+$mds-color-theme-common-text-warning-hover: #ffda94;
+$mds-color-theme-common-inverted-text-primary-normal: #000000f2;
+$mds-color-theme-common-inverted-text-secondary-normal: #00000099;
+$mds-color-theme-common-inverted-button-secondary-normal: #00000000;
+$mds-color-theme-common-inverted-button-secondary-hover: #00000012;
+$mds-color-theme-common-inverted-button-secondary-pressed: #00000033;
+$mds-color-theme-common-inverted-button-secondary-disabled: #00000000;
+$mds-color-theme-common-overlays-primary-normal: #000000e6;
+$mds-color-theme-common-overlays-secondary-normal: #00000066;
+$mds-color-theme-common-overlays-meeting-normal-0: #00000000;
+$mds-color-theme-common-overlays-meeting-normal-1: #0000004d;
+$mds-color-theme-common-overlays-meeting-normal-2: #000000cc;
+$mds-color-theme-common-button-primary-normal: #fffffff2;
+$mds-color-theme-common-button-primary-hover: #ffffffcc;
+$mds-color-theme-common-button-primary-pressed: #ffffffb3;
+$mds-color-theme-common-button-primary-disabled: #ffffff33;
+$mds-color-theme-common-button-secondary-normal: #ffffff00;
+$mds-color-theme-common-button-secondary-hover: #ffffff12;
+$mds-color-theme-common-button-secondary-active-normal: #ffffff33;
+$mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
+$mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
+$mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;
+$mds-color-theme-common-button-secondary-disabled: #ffffff00;
+$mds-color-theme-common-button-promotion-normal: linear-gradient(46deg, #932099 0%, #a12a3a 100%);
+$mds-color-theme-common-button-promotion-hover: linear-gradient(46deg, #601e66 0%, #66262d 100%);
+$mds-color-theme-common-button-promotion-active: linear-gradient(46deg, #3b1840 0%, #3b1e21 100%);
+$mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);
+$mds-color-theme-common-outline-button-normal: #ffffff4d;
+$mds-color-theme-common-outline-primary-normal: #ffffff66;
+$mds-color-theme-common-outline-primary-disabled: #ffffff33;
+$mds-color-theme-common-outline-input-normal: #ffffff80;
+$mds-color-theme-common-outline-secondary-normal: #00000033;
+$mds-color-theme-common-outline-secondary-disabled: #00000033;
+$mds-color-theme-common-outline-warning-normal: #f2990a;
+$mds-color-theme-common-control-share-content-selected: #3cc29a;
+$mds-color-theme-common-control-share-content-active: #c94403;
+$mds-color-theme-common-control-share-content-inactive: #707070;
+$mds-color-theme-common-control-inactive-normal: #00000033;
+$mds-color-theme-common-background-alert-share-normal: #c94403;
+$mds-color-theme-common-background-solid-dark: #1a1a1a;
+$mds-color-theme-common-background-solid-light: #ffffff;
+$mds-color-theme-common-content-pdf: #ee0507;
+$mds-color-theme-common-content-word: #0078d6;
+$mds-color-theme-common-content-powerpoint: #d93e17;
+$mds-color-theme-common-content-excel: #00893e;
+$mds-color-theme-common-content-onenote: #b839db;
+$mds-color-theme-common-content-sheets: #f4b400;
+$mds-color-theme-common-content-slides: #0f9d58;
+$mds-color-theme-common-content-keynote: #029cfb;
+$mds-color-theme-common-content-doc: #4285f4;
+$mds-color-theme-common-touchbar-background-blue-normal: #1170cf;
+$mds-color-theme-common-touchbar-background-blue-pressed: #063a75;
+$mds-color-theme-common-touchbar-background-pink-normal: #d43b52;
+$mds-color-theme-common-touchbar-background-pink-pressed: #66262d;
+$mds-color-theme-common-touchbar-background-mint-normal: #148579;
+$mds-color-theme-common-touchbar-background-mint-pressed: #12423f;
+$mds-color-theme-common-touchbar-background-purple-normal: #c233c4;
+$mds-color-theme-common-touchbar-background-purple-pressed: #601e66;
+$mds-color-theme-common-touchbar-background-violet-normal: #875ae0;
+$mds-color-theme-common-touchbar-background-violet-pressed: #432c78;
+$mds-color-theme-common-touchbar-background-orange-normal: #c94403;
+$mds-color-theme-common-touchbar-background-orange-pressed: #682601;
+$mds-color-theme-common-touchbar-background-green-normal: #1d805f;
+$mds-color-theme-common-touchbar-background-green-pressed: #134231;
+$mds-color-theme-common-touchbar-background-red-normal: #db1f2e;
+$mds-color-theme-common-touchbar-background-red-pressed: #780d13;
+$mds-color-theme-common-touchbar-background-transparent: #00000000;
+$mds-color-theme-common-touchbar-icon-attention: #fc8b98;
+$mds-color-theme-common-touchbar-icon-stable: #27a17a;
+$mds-color-theme-common-touchbar-icon-secure: #64b4fa;
+$mds-color-theme-scrollbar-button-normal: #00000075;
+$mds-color-theme-scrollbar-button-hover: #00000080;
+$mds-color-theme-scrollbar-button-pressed: #00000099;
+$mds-color-theme-scrollbar-arrow-normal: #00000099;
+$mds-color-theme-scrollbar-arrow-background-normal: #00000000;
+$mds-color-theme-scrollbar-arrow-background-hover: #00000033;
+$mds-color-theme-scrollbar-arrow-background-pressed: #0000004d;
+$mds-color-theme-scrollbar-background-secondary-ghost: #00000000;
+$mds-color-theme-scrollbar-background-secondary-normal: #0000001c;
+$mds-color-theme-illustrations-empty-primary-0: #93c437;
+$mds-color-theme-illustrations-empty-primary-1: #279be8;
+$mds-color-theme-illustrations-empty-secondary-0: #279be8;
+$mds-color-theme-illustrations-empty-secondary-1: #875ae0;
+$mds-color-theme-illustrations-onboarding-primary-0: #ffbe4f;
+$mds-color-theme-illustrations-onboarding-primary-1: #93c437;
+$mds-color-theme-illustrations-onboarding-secondary-0: #f55868;
+$mds-color-theme-illustrations-onboarding-secondary-1: #875ae0;
+$mds-color-theme-illustrations-onboarding-tertiary-0: #ffbe4f;
+$mds-color-theme-illustrations-onboarding-tertiary-1: #ec6400;
+$mds-color-theme-illustrations-onboarding-quartenary-0: #93c437;
+$mds-color-theme-illustrations-onboarding-quartenary-1: #279be8;
+$mds-color-theme-illustrations-onboarding-quinary-0: #279be8;
+$mds-color-theme-illustrations-onboarding-quinary-1: #875ae0;
+$mds-color-theme-illustrations-success-0: #3cc29a;
+$mds-color-theme-illustrations-success-1: #93c437;
+$mds-color-theme-illustrations-error-0: #f0677e;
+$mds-color-theme-illustrations-error-1: #db1f2e;
+$mds-color-theme-illustrations-default: #000000;
+$mds-color-theme-globaltint-normal: #1170cf;
+$mds-color-theme-globaltint-selected: #1170cf;
+$mds-color-theme-groupedbackground-primary-normal: #f7f7f7;
+$mds-color-theme-groupedbackground-secondary-normal: #ffffff;
+$mds-color-theme-groupedbackground-tertiary-normal: #f7f7f7;
+$mds-color-theme-groupedbackground-quaternary-normal: #ffffff;
+$mds-color-theme-avatar-default: #545454;
+$mds-color-theme-avatar-cobalt: #08599c;
+$mds-color-theme-avatar-cyan: #066070;
+$mds-color-theme-avatar-gold: #735107;
+$mds-color-theme-avatar-lime: #416116;
+$mds-color-theme-avatar-mint: #12615a;
+$mds-color-theme-avatar-orange: #9c3202;
+$mds-color-theme-avatar-pink: #a12a3a;
+$mds-color-theme-avatar-purple: #932099;
+$mds-color-theme-avatar-slate: #535573;
+$mds-color-theme-avatar-violet: #643abd;
+$mds-color-theme-avatar-yellow: #7d4705;
+$mds-color-theme-avatar-hover: #00000012;
+$mds-color-theme-avatar-pressed: #00000033;
+$mds-color-theme-avatar-glass-normal: #00000012;
+$mds-color-theme-avatar-glass-active: #ffffffcc;
+$mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
+$mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
+$mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #ab0a1500 0%, #ab0a1599 22.4%, #ab0a1599 22.4%, #ab0a1500 100%);
+$mds-color-theme-gradientdivider-error-hover: linear-gradient(90deg, #ab0a1500 0%, #ab0a15e6 22.4%, #ab0a15e6 76.04%, #ab0a1500 100%);
+$mds-color-theme-gradientdivider-warning-normal: linear-gradient(90deg, #7d470500 0%, #7d470599 22.4%, #7d470599 76.04%, #7d470500 100%);
+$mds-color-theme-gradientdivider-warning-hover: linear-gradient(90deg, #7d470500 0%, #7d4705e6 22.4%, #7d4705e6 76.04%, #7d470500 100%);
+$mds-color-theme-gradientdivider-announce-normal: linear-gradient(90deg, #0353a800 0%, #0353a899 22.4%, #0353a899 22.4%, #0353a800 100%);
+$mds-color-theme-gradientdivider-announce-hover: linear-gradient(90deg, #0353a800 0%, #0353a8E6 76.04%, #0353a8E6 76.04%, #0353a800 100%);
+$mds-color-theme-gradientdivider-success-normal: linear-gradient(90deg, #185e4600 0%, #185e4699 22.4%, #185e4699 76.04%, #185e4600 100%);
+$mds-color-theme-gradientdivider-success-hover: linear-gradient(90deg, #185e4600 0%, #185e46E6 22.4%, #185e46E6 76.04%, #185e4600 100%);
+$mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #9c320200 0%, #9c320299 22.4%, #9c320299 76.04%, #9c320200 100%);
+$mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #9c320200 0%, #9c3202e6 22.4%, #9c3202e6 76.04%, #9c320200 100%);
+$mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%);
+$mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%);
+$mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
+$mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
+$mds-color-theme-focus-default-0: #ffffff;
+$mds-color-theme-focus-default-1: #1170cf;
+$mds-color-theme-focus-default-2: #1170cf59;