npm - @siemens/ix - Versions diffs - 1.6.3 → 2.0.0-beta.1 - Mend

@siemens/ix 1.6.3 → 2.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1549) hide show

package/scss/theme/legacy-classic-light/_color.scss ADDED Viewed

@@ -0,0 +1,864 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-legacy-classic-light {
+      --theme-color-ghost: #00000000;
+      --theme-color-ghost--hover: #0000000d;
+      --theme-color-ghost--active: #0000001a;
+      --theme-color-primary: #0e777c;
+      --theme-color-primary--contrast: #ffffff;
+      --theme-color-primary--hover: #0d7075;
+      --theme-color-primary--active: #0c6a6f;
+      --theme-color-dynamic: #137d81;
+      --theme-color-secondary: #ffffff;
+      --theme-color-secondary--hover: #f2f2f2;
+      --theme-color-secondary--active: #e5e5e5;
+      --theme-color-component-1: #879baa40;
+      --theme-color-component-1--hover: #6a7f8f4a;
+      --theme-color-component-1--active: #5e6c7654;
+      --theme-color-component-2: #0000281a;
+      --theme-color-component-3: #00000033;
+      --theme-color-component-4: #17212640;
+      --theme-color-component-5: #e1f1f1;
+      --theme-color-component-6: #8d8da0;
+      --theme-color-component-7--hover: #277d7d47;
+      --theme-color-component-7: #32a0a040;
+      --theme-color-component-7--active: #216b6b52;
+      --theme-color-component-error: #fff1f5;
+      --theme-color-component-info: #e3ecfd;
+      --theme-color-component-8: #d6dfe7;
+      --theme-color-ghost--selected: #32a0a040;
+      --theme-color-ghost--selected-hover: #10707040;
+      --theme-color-ghost--selected-active: #0f61614d;
+      --theme-color-ghost-primary--active: #0000000d;
+      --theme-color-ghost-primary--hover: #0000001a;
+      --theme-color-ghost-alt: #002d4a08;
+      --theme-color-ghost-alt--hover: #00000014;
+      --theme-color-ghost-alt--active: #00000021;
+      --theme-color-ghost-alt--selected: #2c8e8e45;
+      --theme-color-ghost-alt--selected-hover: #2577774f;
+      --theme-color-ghost-alt--selected-active: #1f656557;
+      --theme-color-primary--disabled: #0079934d;
+      --theme-color-dynamic--hover: #125d65;
+      --theme-color-dynamic--active: #105259;
+      --theme-color-dynamic-alt: #00ffff;
+      --theme-color-dynamic-alt--hover: #63eeee;
+      --theme-color-dynamic-alt--active: #5ce0e0;
+      --theme-color-component-8--hover: #d1fff2;
+      --theme-color-component-9: #0b6165;
+      --theme-color-component-9--hover: #0a5c60;
+      --theme-color-component-9--active: #0a575b;
+      --theme-color-component-9--disabled: #0b61654d;
+      --theme-color-component-10: #377d81;
+      --theme-color-component-10--hover: #34777b;
+      --theme-color-component-10--active: #327174;
+      --theme-color-component-10--disabled: #32717433;
+      --theme-color-1--hover: #f2f2f2;
+      --theme-color-1--active: #e5e5e5;
+      --theme-color-component-11: #ced9e233;
+      --theme-color-0: #ffffff00;
+      --theme-color-1: #ffffff;
+      --theme-color-2: #f5f8fa;
+      --theme-color-3: #ebf0f5;
+      --theme-color-4: #dfe6ed;
+      --theme-color-5: #ced9e2;
+      --theme-color-6: #becdd7;
+      --theme-color-7: #879baa;
+      --theme-color-8: #555f69;
+      --theme-color-std-bdr: #415f7599;
+      --theme-color-soft-bdr: #415f7566;
+      --theme-color-weak-bdr: #17212626;
+      --theme-color-x-weak-bdr: #1721261a;
+      --theme-color-focus-bdr: #199fff;
+      --theme-color-contrast-bdr: #000000;
+      --theme-color-alarm: #dc0031;
+      --theme-color-alarm--hover: #d0002e;
+      --theme-color-alarm--active: #c5002c;
+      --theme-color-alarm--contrast: #ffffff;
+      --theme-color-alarm-40: #dc003166;
+      --theme-color-alarm-10: #dc00311a;
+      --theme-color-warning: #f0b800;
+      --theme-color-warning--hover: #f2af00;
+      --theme-color-warning--active: #e5a600;
+      --theme-color-warning--contrast: #000000;
+      --theme-color-warning-40: #ffb90066;
+      --theme-color-warning-10: #ffb9001a;
+      --theme-color-critical: #eb780a;
+      --theme-color-critical--hover: #df7109;
+      --theme-color-critical--active: #d36b08;
+      --theme-color-critical--contrast: #000000;
+      --theme-color-critical-40: #eb780a66;
+      --theme-color-success: #339b00;
+      --theme-color-success--hover: #309300;
+      --theme-color-success--active: #2d8b00;
+      --theme-color-success--contrast: #000000;
+      --theme-color-success-40: #339b0066;
+      --theme-color-info: #1e54b3;
+      --theme-color-info--hover: #1c4fa9;
+      --theme-color-info--active: #1a4ba0;
+      --theme-color-info--contrast: #ffffff;
+      --theme-color-info-40: #1e54b366;
+      --theme-color-neutral: #879bab;
+      --theme-color-neutral--hover: #8093a2;
+      --theme-color-neutral--active: #798b99;
+      --theme-color-neutral--contrast: #000000;
+      --theme-color-neutral-40: #879bab66;
+      --theme-color-contrast-text: #000000;
+      --theme-color-std-text: #000000bf;
+      --theme-color-soft-text: #0000008c;
+      --theme-color-weak-text: #0000004d;
+      --theme-color-inv-contrast-text: #ffffff;
+      --theme-color-inv-std-text: #ffffffd9;
+      --theme-color-inv-soft-text: #ffffff99;
+      --theme-color-inv-weak-text: #ffffff66;
+      --theme-color-alarm-text: #c10118;
+      --theme-color-shadow-1: #0000001a;
+      --theme-color-shadow-2: #00000033;
+      --theme-color-shadow-3: rgba(0,0,0,0.12);
+      --theme-color-lightbox: #ffffff99;
+      --theme-color-backdrop: #ffffffd9;
+      --theme-color-backdrop-3: #ffffffd9;
+      --theme-color-logo: #ffffff;
+      --theme-chart-1: #00b8a6;
+      --theme-chart-1-40: #00857866;
+      --theme-chart-2: #007362;
+      --theme-chart-2-40: #00736266;
+      --theme-chart-3: #00aab3;
+      --theme-chart-3-40: #00aab366;
+      --theme-chart-4: #00afd7;
+      --theme-chart-4-40: #00afd766;
+      --theme-chart-5: #617d8c;
+      --theme-chart-5-40: #617d8c66;
+      --theme-chart-6: #1d86dc;
+      --theme-chart-6-40: #1d86dc66;
+      --theme-chart-7: #2351a4;
+      --theme-chart-7-40: #2473ff66;
+      --theme-chart-8: #5581e7;
+      --theme-chart-8-40: #5581e766;
+      --theme-chart-9: #666df4;
+      --theme-chart-9-40: #666df466;
+      --theme-chart-10: #7c40ff;
+      --theme-chart-10-40: #7c40ff66;
+      --theme-chart-11: #a12ef3;
+      --theme-chart-11-40: #a12ef366;
+      --theme-chart-12: #aa32be;
+      --theme-chart-12-40: #a207bd66;
+      --theme-chart-13: #ca5e77;
+      --theme-chart-13-40: #ca5e7766;
+      --theme-chart-14: #d1706f;
+      --theme-chart-14-40: #d1706f66;
+      --theme-chart-15: #dd886a;
+      --theme-chart-15-40: #dd886a66;
+      --theme-chart-16: #94947b;
+      --theme-chart-16-40: #94947b66;
+      --theme-chart-17: #909700;
+      --theme-chart-17-40: #90970066;
+      --theme-chart-axes: #0000004d;
+      --theme-chart-grid-lines: #0000001a;
+      --theme-chart-grid-fill: #ffffff;
+      --theme-chart-ticks: #0000004d;
+      --theme-chart-tooltip-fill: #ffffffcc;
+      --theme-chart-tooltip-bdr: #00000033;
+      --theme-workflow-step--color--disabled: var(--theme-color-weak-text);
+      --theme-app-header--color: var(--theme-color-inv-std-text);
+      --theme-app-header--background: var(--theme-color-8);
+      --theme-app-header--border-color: var(--theme-color-0);
+      --theme-app-header-logo--color: var(--theme-color-logo);
+      --theme-btn-primary--background: var(--theme-color-primary);
+      --theme-btn-primary--background--hover: var(--theme-color-primary--hover);
+      --theme-btn-primary--background--active: var(--theme-color-primary--active);
+      --theme-btn-primary--background--disabled: var(--theme-color-component-4);
+      --theme-btn-primary--color: var(--theme-color-primary--contrast);
+      --theme-btn-primary--color--hover: var(--theme-color-primary--contrast);
+      --theme-btn-primary--color--active: var(--theme-color-primary--contrast);
+      --theme-btn-primary--color--disabled: var(--theme-color-inv-std-text);
+      --theme-btn-outline-primary--background: var(--theme-color-secondary);
+      --theme-btn-outline-primary--background--hover: var(--theme-color-secondary--hover);
+      --theme-btn-outline-primary--background--active: var(--theme-color-secondary--active);
+      --theme-btn-outline-primary--background--disabled: var(--theme-color-ghost);
+      --theme-btn-outline-primary--color: var(--theme-color-primary);
+      --theme-btn-outline-primary--color--hover: var(--theme-color-primary);
+      --theme-btn-outline-primary--color--active: var(--theme-color-primary);
+      --theme-btn-outline-primary--color--disabled: var(--theme-color-weak-text);
+      --theme-btn-primary--border-color: var(--theme-color-ghost);
+      --theme-btn-primary--border-color--hover: var(--theme-color-ghost);
+      --theme-btn-primary--border-color--active: var(--theme-color-ghost);
+      --theme-btn-primary--border-color--disabled: var(--theme-color-ghost);
+      --theme-btn-invisible-primary--background: var(--theme-color-ghost);
+      --theme-btn-invisible-primary--background--hover: var(--theme-color-ghost-primary--hover);
+      --theme-btn-invisible-primary--background--active: var(--theme-color-ghost-primary--active);
+      --theme-btn-invisible-primary--background--disabled: var(--theme-color-ghost);
+      --theme-btn-invisible-primary--color: var(--theme-color-primary);
+      --theme-btn-invisible-primary--color--hover: var(--theme-color-primary);
+      --theme-btn-invisible-primary--color--active: var(--theme-color-primary);
+      --theme-btn-invisible-primary--color--disabled: var(--theme-color-weak-text);
+      --theme-btn-secondary--background: var(--theme-color-component-1);
+      --theme-btn-secondary--background--hover: var(--theme-color-component-1--hover);
+      --theme-btn-secondary--background--active: var(--theme-color-component-1--active);
+      --theme-btn-secondary--background--disabled: var(--theme-color-component-4);
+      --theme-btn-secondary--color: var(--theme-color-std-text);
+      --theme-btn-secondary--color--hover: var(--theme-color-std-text);
+      --theme-btn-secondary--color--active: var(--theme-color-std-text);
+      --theme-btn-secondary--color--disabled: var(--theme-color-weak-text);
+      --theme-btn-outline-secondary--background: var(--theme-color-secondary);
+      --theme-btn-outline-secondary--background--hover: var(--theme-color-secondary--hover);
+      --theme-btn-outline-secondary--background--active: var(--theme-color-secondary--active);
+      --theme-btn-outline-secondary--background--disabled: var(--theme-color-ghost);
+      --theme-btn-outline-secondary--border-color: var(--theme-color-6);
+      --theme-btn-outline-secondary--border-color--hover: var(--theme-color-6);
+      --theme-btn-outline-secondary--border-color--active: var(--theme-color-6);
+      --theme-btn-outline-secondary--border-color--disabled: var(--theme-color-component-4);
+      --theme-btn-outline-secondary--color: var(--theme-color-soft-text);
+      --theme-btn-outline-secondary--color--hover: var(--theme-color-std-text);
+      --theme-btn-outline-secondary--color--active: var(--theme-color-std-text);
+      --theme-btn-outline-secondary--color--disabled: var(--theme-color-weak-text);
+      --theme-btn-invisible-secondary--background: var(--theme-color-ghost);
+      --theme-btn-invisible-secondary--background--hover: var(--theme-color-ghost--hover);
+      --theme-btn-invisible-secondary--background--active: var(--theme-color-ghost--active);
+      --theme-btn-invisible-secondary--color: var(--theme-color-std-text);
+      --theme-btn-invisible-secondary--color--hover: var(--theme-color-std-text);
+      --theme-btn-invisible-secondary--color--active: var(--theme-color-std-text);
+      --theme-btn-invisible-secondary--color--disabled: var(--theme-color-weak-text);
+      --theme-btn-invisible-secondary--color--selected: var(--theme-color-primary);
+      --theme-btn-invisible-secondary--color--selected-hover: var(--theme-color-primary);
+      --theme-btn-invisible-secondary--color--selected-active: var(--theme-color-primary);
+      --theme-btn-invisible-secondary--background--selected: var(--theme-color-component-7);
+      --theme-btn-invisible-secondary--background--selected-hover: var(--theme-color-component-7--hover);
+      --theme-btn-invisible-secondary--background--selected-active: var(--theme-color-component-7--active);
+      --theme-link-btn--color: var(--theme-color-primary);
+      --theme-link-btn--color--hover: var(--theme-color-primary);
+      --theme-link-btn--color--active: var(--theme-color-contrast-text);
+      --theme-link-btn--border-color: var(--theme-color-ghost);
+      --theme-link-btn--border-color--hover: var(--theme-color-ghost);
+      --theme-link-btn--border-color--active: var(--theme-color-ghost);
+      --theme-link-btn--color--visited: var(--theme-color-primary);
+      --theme-link-btn--border-color--visited: var(--theme-color-ghost);
+      --theme-link-btn--border-color--disabled: var(--theme-color-ghost);
+      --theme-link-btn--color--disabled: var(--theme-color-weak-text);
+      --theme-checkbox-unchecked--background: var(--theme-color-secondary);
+      --theme-checkbox-unchecked--border-color: var(--theme-color-std-bdr);
+      --theme-checkbox-unchecked--background--hover: var(--theme-color-secondary--hover);
+      --theme-checkbox-unchecked--background--active: var(--theme-color-secondary--active);
+      --theme-checkbox-unchecked--border-color--hover: var(--theme-color-std-bdr);
+      --theme-checkbox-unchecked--border-color--active: var(--theme-color-std-bdr);
+      --theme-checkbox-unchecked--background--disabled: var(--theme-color-ghost);
+      --theme-checkbox-unchecked--border-color--disabled: var(--theme-color-weak-bdr);
+      --theme-checkbox-checked--background: var(--theme-color-primary);
+      --theme-checkbox-checked--border-color: var(--theme-color-0);
+      --theme-checkbox-checked--color: var(--theme-color-primary--contrast);
+      --theme-checkbox-checked--background--hover: var(--theme-color-primary--hover);
+      --theme-checkbox-checked--border-color--hover: var(--theme-color-0);
+      --theme-checkbox-checked--color--hover: var(--theme-color-primary--contrast);
+      --theme-checkbox-checked--background--active: var(--theme-color-primary--active);
+      --theme-checkbox-checked--border-color--active: var(--theme-color-0);
+      --theme-checkbox-checked--color--active: var(--theme-color-primary--contrast);
+      --theme-checkbox-checked--background--disabled: var(--theme-color-component-4);
+      --theme-checkbox-checked--border-color--disabled: var(--theme-color-0);
+      --theme-checkbox-checked--color--disabled: var(--theme-color-primary--contrast);
+      --theme-checkbox-mixed--background: var(--theme-color-secondary);
+      --theme-checkbox-mixed--border-color: var(--theme-color-primary);
+      --theme-checkbox-mixed--color: var(--theme-color-primary);
+      --theme-checkbox-mixed--background--hover: var(--theme-color-secondary--hover);
+      --theme-checkbox-mixed--border-color--hover: var(--theme-color-primary);
+      --theme-checkbox-mixed--color--hover: var(--theme-color-primary);
+      --theme-checkbox-mixed--background--active: var(--theme-color-secondary--active);
+      --theme-checkbox-mixed--border-color--active: var(--theme-color-primary);
+      --theme-checkbox-mixed--color--active: var(--theme-color-primary);
+      --theme-checkbox-mixed--background--disabled: var(--theme-color-ghost);
+      --theme-checkbox-mixed--border-color--disabled: var(--theme-color-component-4);
+      --theme-checkbox-mixed--color--disabled: var(--theme-color-component-4);
+      --theme-checkbox-label--color: var(--theme-color-std-text);
+      --theme-checkbox-label--color--disabled: var(--theme-color-weak-text);
+      --theme-radiobtn-unchecked--background: var(--theme-color-secondary);
+      --theme-radiobtn-unchecked--border-color: var(--theme-color-std-bdr);
+      --theme-radiobtn-unchecked--border-color--hover: var(--theme-color-std-bdr);
+      --theme-radiobtn-unchecked--border-color--active: var(--theme-color-std-bdr);
+      --theme-radiobtn-unchecked--border-color--disabled: var(--theme-color-component-4);
+      --theme-radiobtn-unchecked--background--hover: var(--theme-color-secondary--hover);
+      --theme-radiobtn-unchecked--background--active: var(--theme-color-secondary--active);
+      --theme-radiobtn-unchecked--background--disabled: var(--theme-color-ghost);
+      --theme-radiobtn-checked--color: var(--theme-color-primary);
+      --theme-radiobtn-checked--color--active: var(--theme-color-primary);
+      --theme-radiobtn-checked--color--disabled: var(--theme-color-component-4);
+      --theme-radiobtn-label--color: var(--theme-color-std-text);
+      --theme-radiobtn-label--color--disabled: var(--theme-color-weak-text);
+      --theme-radiobtn-checked--background: var(--theme-color-secondary);
+      --theme-radiobtn-checked--background--hover: var(--theme-color-secondary--hover);
+      --theme-radiobtn-checked--background--active: var(--theme-color-secondary--active);
+      --theme-radiobtn-checked--background--disabled: var(--theme-color-ghost);
+      --theme-radiobtn-checked--border-color: var(--theme-color-primary);
+      --theme-radiobtn-checked--border-color--hover: var(--theme-color-primary);
+      --theme-radiobtn-checked--border-color--active: var(--theme-color-primary);
+      --theme-radiobtn-checked--border-color--disabled: var(--theme-color-component-4);
+      --theme-nav--background: var(--theme-color-component-8);
+      --theme-avatar-btn--background: var(--theme-color-ghost);
+      --theme-avatar-btn--background--hover: var(--theme-color-ghost--hover);
+      --theme-avatar-btn--background--active: var(--theme-color-ghost--active);
+      --theme-avatar-btn--color: var(--theme-color-std-text);
+      --theme-avatar-btn--color--hover: var(--theme-color-std-text);
+      --theme-avatar-btn--color--active: var(--theme-color-std-text);
+      --theme-menu-btn--color: var(--theme-color-std-text);
+      --theme-menu-btn--color--hover: var(--theme-color-std-text);
+      --theme-menu-btn--color--active: var(--theme-color-std-text);
+      --theme-menu-btn--background: var(--theme-color-ghost);
+      --theme-menu-btn--background--hover: var(--theme-color-ghost--hover);
+      --theme-menu-btn--background--active: var(--theme-color-ghost--active);
+      --theme-nav-item-primary--background: var(--theme-color-ghost);
+      --theme-nav-item-primary--background--hover: var(--theme-color-ghost--hover);
+      --theme-nav-item-primary--background--active: var(--theme-color-ghost--active);
+      --theme-nav-item-primary--background--selected: var(--theme-color-3);
+      --theme-nav-item-primary--border-color: var(--theme-color-0);
+      --theme-nav-item-primary--border-color--hover: var(--theme-color-0);
+      --theme-nav-item-primary--border-color--active: var(--theme-color-0);
+      --theme-nav-item-primary--border-color--selected: var(--theme-color-primary);
+      --theme-nav-item-primary--color: var(--theme-color-std-text);
+      --theme-nav-item-primary--color--hover: var(--theme-color-std-text);
+      --theme-nav-item-primary--color--active: var(--theme-color-std-text);
+      --theme-nav-item-primary--color--selected: var(--theme-color-std-text);
+      --theme-nav-item-primary-icon--color: var(--theme-color-std-text);
+      --theme-nav-item-primary-icon--color--hover: var(--theme-color-std-text);
+      --theme-nav-item-primary-icon--color--active: var(--theme-color-std-text);
+      --theme-nav-item-primary-icon--color--selected: var(--theme-color-std-text);
+      --theme-nav-item-secondary--background: var(--theme-color-ghost);
+      --theme-nav-item-secondary--background--hover: var(--theme-color-ghost--hover);
+      --theme-nav-item-secondary--background--active: var(--theme-color-ghost--active);
+      --theme-nav-item-secondary--background--disabled: var(--theme-color-0);
+      --theme-nav-item-secondary--background--selected: var(--theme-color-1);
+      --theme-nav-item-secondary--border-color: var(--theme-color-0);
+      --theme-nav-item-secondary--border-color--hover: var(--theme-color-0);
+      --theme-nav-item-secondary--border-color--active: var(--theme-color-0);
+      --theme-nav-item-secondary--border-color--disabled: var(--theme-color-0);
+      --theme-nav-item-secondary--border-color--selected: var(--theme-color-primary);
+      --theme-nav-item-secondary--color: var(--theme-color-std-text);
+      --theme-nav-item-secondary--color--hover: var(--theme-color-std-text);
+      --theme-nav-item-secondary--color--active: var(--theme-color-std-text);
+      --theme-nav-item-secondary--color--disabled: var(--theme-color-weak-text);
+      --theme-nav-item-secondary--color--selected: var(--theme-color-std-text);
+      --theme-nav-item-secondary-icon--color: var(--theme-color-std-text);
+      --theme-nav-item-secondary-icon--color--hover: var(--theme-color-std-text);
+      --theme-nav-item-secondary-icon--color--active: var(--theme-color-std-text);
+      --theme-nav-item-secondary-icon--color--selected: var(--theme-color-std-text);
+      --theme-nav-item-secondary-icon--color--disabled: var(--theme-color-weak-text);
+      --theme-avatar--background: var(--theme-color-component-3);
+      --theme-input--border-color: var(--theme-color-std-bdr);
+      --theme-input--border-color--autofill: var(--theme-color-std-bdr);
+      --theme-input--background: var(--theme-color-1);
+      --theme-input--background--autofill: var(--theme-color-component-info);
+      --theme-input--border-color-bottom--readonly: var(--theme-color-soft-bdr);
+      --theme-input-error--background: var(--theme-color-component-error);
+      --theme-input--color--disabled: var(--theme-color-weak-text);
+      --theme-input--color: var(--theme-color-std-text);
+      --theme-input--color--autofill: var(--theme-color-std-text);
+      --theme-input--background--hover: var(--theme-color-1);
+      --theme-input--border-color--hover: var(--theme-color-std-bdr);
+      --theme-input--background--focus: var(--theme-color-1);
+      --theme-input--border-color--focus: var(--theme-color-primary);
+      --theme-input--background--readonly: var(--theme-color-0);
+      --theme-input--border-color--readonly: var(--theme-color-0);
+      --theme-input--background--disabled: var(--theme-color-0);
+      --theme-input--border-color--disabled: var(--theme-color-0);
+      --theme-input--border-color-bottom--disabled: var(--theme-color-weak-bdr);
+      --theme-input-error--border-color: var(--theme-color-alarm);
+      --theme-input-error-icon--color: var(--theme-color-alarm);
+      --theme-blind-base--border-color: var(--theme-color-weak-bdr);
+      --theme-blind-base--background: var(--theme-color-1);
+      --theme-blind-header-closed--background: var(--theme-color-ghost);
+      --theme-blind-header-closed--background--hover: var(--theme-color-ghost--hover);
+      --theme-blind-header-closed--background--active: var(--theme-color-ghost--active);
+      --theme-blind-header-open--background: var(--theme-color-ghost);
+      --theme-blind-header-open--background--hover: var(--theme-color-ghost--hover);
+      --theme-blind-header-open--background--active: var(--theme-color-ghost--active);
+      --theme-blind-header-open--color--active: var(--theme-color-std-text);
+      --theme-blind-header-icon-open--color--active: var(--theme-color-std-text);
+      --theme-blind-header-icon-open--color--hover: var(--theme-color-std-text);
+      --theme-blind-header-open--color--hover: var(--theme-color-std-text);
+      --theme-blind-header-icon-open--color: var(--theme-color-std-text);
+      --theme-blind-header-open--color: var(--theme-color-std-text);
+      --theme-blind-header-icon-closed--color: var(--theme-color-std-text);
+      --theme-blind-header-icon-closed--color--active: var(--theme-color-std-text);
+      --theme-blind-header-icon-closed--color--hover: var(--theme-color-std-text);
+      --theme-blind-header-closed--color: var(--theme-color-std-text);
+      --theme-blind-header-closed--color--active: var(--theme-color-std-text);
+      --theme-blind-header-closed--color--hover: var(--theme-color-std-text);
+      --theme-breadcrumb-btn--background: var(--theme-color-component-1);
+      --theme-breadcrumb-btn--background--hover: var(--theme-color-component-1--hover);
+      --theme-breadcrumb-btn--background--active: var(--theme-color-component-1--active);
+      --theme-breadcrumb-btn--color: var(--theme-color-std-text);
+      --theme-breadcrumb-btn--color--hover: var(--theme-color-std-text);
+      --theme-breadcrumb-btn--color--active: var(--theme-color-std-text);
+      --theme-breadcrumb-btn-arrow--color: var(--theme-color-std-text);
+      --theme-breadcrumb-btn-arrow--color--hover: var(--theme-color-std-text);
+      --theme-breadcrumb-btn-arrow--color--active: var(--theme-color-std-text);
+      --theme-breadcrumb-btn-last--color: var(--theme-color-std-text);
+      --theme-breadcrumb-ghost--color: var(--theme-color-primary);
+      --theme-breadcrumb-ghost--color--hover: var(--theme-color-primary);
+      --theme-breadcrumb-ghost--color--active: var(--theme-color-primary);
+      --theme-breadcrumb-ghost-arrow--color: var(--theme-color-primary);
+      --theme-breadcrumb-ghost-arrow--color--hover: var(--theme-color-primary);
+      --theme-breadcrumb-ghost-arrow--color--active: var(--theme-color-primary);
+      --theme-breadcrumb-ghost--background: var(--theme-color-ghost);
+      --theme-breadcrumb-ghost--background--hover: var(--theme-color-ghost--hover);
+      --theme-breadcrumb-ghost--background--active: var(--theme-color-ghost--active);
+      --theme-breadcrumb-ghost-last--color: var(--theme-color-soft-text);
+      --theme-avatar--color: var(--theme-color-contrast-text);
+      --theme-chip-close-btn--background--hover: var(--theme-color-ghost--hover);
+      --theme-chip-close-btn--background--active: var(--theme-color-ghost--active);
+      --theme-chip-close-btn--color: var(--theme-color-std-text);
+      --theme-chip-outline--color: var(--theme-color-std-text);
+      --theme-chip-outline--background: var(--theme-color-1);
+      --theme-chip-outline--background--hover: var(--theme-color-1--hover);
+      --theme-chip-outline--background--active: var(--theme-color-1--active);
+      --theme-chip--background: var(--theme-color-component-1);
+      --theme-chip--background--hover: var(--theme-color-component-1--hover);
+      --theme-chip--background--active: var(--theme-color-component-1--active);
+      --theme-chip--color: var(--theme-color-contrast-text);
+      --theme-chip-close-btn--background: var(--theme-color-ghost);
+      --theme-pill-outline--color: var(--theme-color-std-text);
+      --theme-pill-outline--background: var(--theme-color-1);
+      --theme-chip-primary-outline--background: var(--theme-color-secondary);
+      --theme-chip-primary-outline--background--hover: var(--theme-color-secondary--hover);
+      --theme-chip-primary-outline--background--active: var(--theme-color-secondary--active);
+      --theme-chip-primary-outline--border-color: var(--theme-color-primary);
+      --theme-chip-primary-outline--border-color--hover: var(--theme-color-primary);
+      --theme-chip-primary-outline--border-color--active: var(--theme-color-primary);
+      --theme-chip-primary-outline--color: var(--theme-color-primary);
+      --theme-chip-primary-outline--color--hover: var(--theme-color-primary);
+      --theme-chip-primary-outline--color--active: var(--theme-color-primary);
+      --theme-chip-primary--background: var(--theme-color-primary);
+      --theme-chip-primary--background--hover: var(--theme-color-primary--hover);
+      --theme-chip-primary--background--active: var(--theme-color-primary--active);
+      --theme-chip-primary--color: var(--theme-color-primary--contrast);
+      --theme-chip-primary--color--hover: var(--theme-color-primary--contrast);
+      --theme-chip-primary--color--active: var(--theme-color-primary--contrast);
+      --theme-chip-primary-outline--background--display: var(--theme-color-secondary);
+      --theme-chip-primary-outline--border-color--display: var(--theme-color-primary);
+      --theme-chip-primary-outline--color--display: var(--theme-color-std-text);
+      --theme-switch-off--background: var(--theme-color-component-3);
+      --theme-menu--background: var(--theme-color-1);
+      --theme-menu--border-color: var(--theme-color-soft-bdr);
+      --theme-menu-header--color: var(--theme-color-soft-text);
+      --theme-menu-item--background: var(--theme-color-ghost);
+      --theme-menu-item--background--hover: var(--theme-color-ghost--hover);
+      --theme-menu-item--background--active: var(--theme-color-ghost--active);
+      --theme-menu-item--background--disabled: var(--theme-color-ghost);
+      --theme-menu-item--color: var(--theme-color-std-text);
+      --theme-menu-item--color--hover: var(--theme-color-std-text);
+      --theme-menu-item--color--active: var(--theme-color-std-text);
+      --theme-menu-item--color--disabled: var(--theme-color-weak-text);
+      --theme-menu-item-icon--color: var(--theme-color-soft-text);
+      --theme-menu-item-icon--color--hover: var(--theme-color-std-text);
+      --theme-menu-item-icon--color--active: var(--theme-color-std-text);
+      --theme-menu-item-icon--color--disabled: var(--theme-color-weak-text);
+      --theme-menu-item-arrow--color: var(--theme-color-std-text);
+      --theme-menu-item-arrow--color--hover: var(--theme-color-std-text);
+      --theme-menu-item-arrow--color--active: var(--theme-color-std-text);
+      --theme-menu-item-arrow--color--disabled: var(--theme-color-weak-text);
+      --theme-menu-item-check--color: var(--theme-color-std-text);
+      --theme-menu-item-check--color--hover: var(--theme-color-std-text);
+      --theme-menu-item-check--color--active: var(--theme-color-std-text);
+      --theme-menu-item-check--color--disabled: var(--theme-color-weak-text);
+      --theme-select-list-item--background: var(--theme-color-ghost);
+      --theme-select-list-item--background--hover: var(--theme-color-ghost--hover);
+      --theme-select-list-item--background--active: var(--theme-color-ghost--active);
+      --theme-select-list-item--background--disabled: var(--theme-color-ghost);
+      --theme-select-list-item--background--selected: var(--theme-color-ghost--selected);
+      --theme-select-list-item--background--selected-hover: var(--theme-color-ghost--selected-hover);
+      --theme-select-list-item--background--selected-active: var(--theme-color-ghost--selected-active);
+      --theme-select-list-item--background--selected-disabled: var(--theme-color-ghost);
+      --theme-select-list-item--color: var(--theme-color-std-text);
+      --theme-select-list-item--color--hover: var(--theme-color-std-text);
+      --theme-select-list-item--color--active: var(--theme-color-std-text);
+      --theme-select-list-item--color--disabled: var(--theme-color-weak-text);
+      --theme-select-list-item--color--selected: var(--theme-color-std-text);
+      --theme-select-list-item--color--selected-hover: var(--theme-color-std-text);
+      --theme-select-list-item--color--selected-active: var(--theme-color-std-text);
+      --theme-select-list-item--color--selected-disabled: var(--theme-color-weak-text);
+      --theme-select-list-item-check--color: var(--theme-color-std-text);
+      --theme-select-list-item-check--color--hover: var(--theme-color-std-text);
+      --theme-select-list-item-check--color--active: var(--theme-color-std-text);
+      --theme-select-list-item-check--color--disabled: var(--theme-color-weak-text);
+      --theme-select-list--background: var(--theme-color-1);
+      --theme-select-list--border-color: var(--theme-color-soft-bdr);
+      --theme-tab--background: var(--theme-color-ghost);
+      --theme-tab--background--hover: var(--theme-color-ghost--hover);
+      --theme-tab--background--active: var(--theme-color-ghost--active);
+      --theme-tab--background--selected: var(--theme-color-ghost);
+      --theme-tab--background--disabled: var(--theme-color-ghost);
+      --theme-tab-indicator--background: var(--theme-color-0);
+      --theme-tab-indicator--background--hover: var(--theme-color-6);
+      --theme-tab-indicator--background--active: var(--theme-color-6);
+      --theme-tab-indicator--background--selected: var(--theme-color-primary);
+      --theme-tab-indicator--background--disabled: var(--theme-color-0);
+      --theme-animated-tab-indicator--background: var(--theme-color-0);
+      --theme-animated-tab-indicator--background--hover: var(--theme-color-0);
+      --theme-animated-tab-indicator--background--active: var(--theme-color-0);
+      --theme-animated-tab-indicator--background--selected: var(--theme-color-primary);
+      --theme-tab--color: var(--theme-color-soft-text);
+      --theme-tab--color--hover: var(--theme-color-soft-text);
+      --theme-tab--color--active: var(--theme-color-soft-text);
+      --theme-tab--color--selected: var(--theme-color-primary);
+      --theme-tab--color--disabled: var(--theme-color-weak-text);
+      --theme-tab-icon--color: var(--theme-color-soft-text);
+      --theme-tab-icon--color--hover: var(--theme-color-soft-text);
+      --theme-tab-icon--color--active: var(--theme-color-soft-text);
+      --theme-tab-icon--color--selected: var(--theme-color-primary);
+      --theme-tab-icon--color--disabled: var(--theme-color-weak-text);
+      --theme-animated-tab-icon--color: var(--theme-color-soft-text);
+      --theme-animated-tab-icon--color--hover: var(--theme-color-soft-text);
+      --theme-animated-tab-icon--color--active: var(--theme-color-soft-text);
+      --theme-animated-tab-icon--color--selected: var(--theme-color-primary--contrast);
+      --theme-animated-tab-icon--color--disabled: var(--theme-color-weak-text);
+      --theme-animated-tab-circle--background: var(--theme-color-1);
+      --theme-animated-tab-circle--background--hover: var(--theme-color-1--hover);
+      --theme-animated-tab-circle--background--active: var(--theme-color-1--active);
+      --theme-animated-tab-circle--background--selected: var(--theme-color-primary);
+      --theme-animated-tab-circle--background--disabled: var(--theme-color-0);
+      --theme-animated-tab-circle--border-color: var(--theme-color-soft-bdr);
+      --theme-animated-tab-circle--border-color--hover: var(--theme-color-soft-bdr);
+      --theme-animated-tab-circle--border-color--active: var(--theme-color-soft-bdr);
+      --theme-animated-tab-circle--border-color--selected: var(--theme-color-0);
+      --theme-animated-tab-circle--border-color--disabled: var(--theme-color-weak-bdr);
+      --theme-tab-pill--border-color: var(--theme-color-std-bdr);
+      --theme-tab-pill--border-color--hover: var(--theme-color-std-bdr);
+      --theme-tab-pill--border-color--active: var(--theme-color-std-bdr);
+      --theme-tab-pill--border-color--selected: var(--theme-color-primary);
+      --theme-tab-pill--border-color--disabled: var(--theme-color-weak-bdr);
+      --theme-input-unit--color: var(--theme-color-soft-text);
+      --theme-input-gripper--color: var(--theme-color-weak-bdr);
+      --theme-input-gripper--color--hover: var(--theme-color-weak-bdr);
+      --theme-input-gripper--color--focus: var(--theme-color-weak-bdr);
+      --theme-input-search-icon--color: var(--theme-color-std-text);
+      --theme-input-search-icon--color--hover: var(--theme-color-std-text);
+      --theme-input-search-icon--color--focus: var(--theme-color-std-text);
+      --theme-input-search-icon--color--disabled: var(--theme-color-weak-text);
+      --theme-input-select-icon--color: var(--theme-color-soft-text);
+      --theme-input-select-icon--color--hover: var(--theme-color-std-text);
+      --theme-input-select-icon--color--active: var(--theme-color-std-text);
+      --theme-switch-off--background--hover: var(--theme-color-component-4);
+      --theme-switch-off--background--active: var(--theme-color-component-3);
+      --theme-switch-off--background--disabled: var(--theme-color-component-2);
+      --theme-switch-on--background: var(--theme-color-dynamic);
+      --theme-switch-on--background--hover: var(--theme-color-dynamic--hover);
+      --theme-switch-on--background--active: var(--theme-color-dynamic--active);
+      --theme-switch-on--background--disabled: var(--theme-color-component-2);
+      --theme-switch-mixed--background: var(--theme-color-component-3);
+      --theme-switch-mixed--background--hover: var(--theme-color-component-4);
+      --theme-switch-mixed--background--active: var(--theme-color-component-3);
+      --theme-switch-mixed--background--disabled: var(--theme-color-component-2);
+      --theme-switch-off--border-color: var(--theme-color-0);
+      --theme-switch-off--border-color--hover: var(--theme-color-0);
+      --theme-switch-off--border-color--active: var(--theme-color-0);
+      --theme-switch-off--border-color--disabled: var(--theme-color-0);
+      --theme-switch-on--border-color: var(--theme-color-0);
+      --theme-switch-on--border-color--hover: var(--theme-color-0);
+      --theme-switch-on--border-color--active: var(--theme-color-0);
+      --theme-switch-on--border-color--disabled: var(--theme-color-0);
+      --theme-switch-mixed--border-color: var(--theme-color-0);
+      --theme-switch-mixed--border-color--hover: var(--theme-color-0);
+      --theme-switch-mixed--border-color--active: var(--theme-color-0);
+      --theme-switch-mixed--border-color--disabled: var(--theme-color-0);
+      --theme-switch-thumb-off--background: var(--theme-color-1);
+      --theme-switch-thumb-off--background--hover: var(--theme-color-1);
+      --theme-switch-thumb-off--background--active: var(--theme-color-1);
+      --theme-switch-thumb-off--background--disabled: var(--theme-color-component-3);
+      --theme-switch-thumb-on--background: var(--theme-color-1);
+      --theme-switch-thumb-on--background--hover: var(--theme-color-1);
+      --theme-switch-thumb-on--background--active: var(--theme-color-1);
+      --theme-switch-thumb-on--background--disabled: var(--theme-color-component-3);
+      --theme-switch-thumb-mixed--background: var(--theme-color-1);
+      --theme-switch-thumb-mixed--background--hover: var(--theme-color-1);
+      --theme-switch-thumb-mixed--background--active: var(--theme-color-1);
+      --theme-switch-thumb-mixed--background--disabled: var(--theme-color-component-3);
+      --theme-switch-thumb-off--border-color: var(--theme-color-0);
+      --theme-switch-thumb-off--border-color--hover: var(--theme-color-0);
+      --theme-switch-thumb-off--border-color--active: var(--theme-color-0);
+      --theme-switch-thumb-off--border-color--disabled: var(--theme-color-0);
+      --theme-switch-thumb-on--border-color: var(--theme-color-0);
+      --theme-switch-thumb-on--border-color--hover: var(--theme-color-0);
+      --theme-switch-thumb-on--border-color--active: var(--theme-color-0);
+      --theme-switch-thumb-on--border-color--disabled: var(--theme-color-0);
+      --theme-switch-thumb-mixed--border-color: var(--theme-color-0);
+      --theme-switch-thumb-mixed--border-color--hover: var(--theme-color-0);
+      --theme-switch-thumb-mixed--border-color--active: var(--theme-color-0);
+      --theme-switch-thumb-mixed--border-color--disabled: var(--theme-color-0);
+      --theme-switch--color: var(--theme-color-std-text);
+      --theme-switch--color--hover: var(--theme-color-std-text);
+      --theme-switch--color--active: var(--theme-color-std-text);
+      --theme-switch--color--disabled: var(--theme-color-weak-text);
+      --theme-messagebar--color: var(--theme-color-std-text);
+      --theme-messagebar--background: var(--theme-color-1);
+      --theme-scrollbar-track--background: var(--theme-color-2);
+      --theme-scrollbar-track--border: var(--theme-color-1);
+      --theme-scrollbar-thumb--background: var(--theme-color-5);
+      --theme-scrollbar-track--background--hover: var(--theme-color-3);
+      --theme-scrollbar-thumb--background--hover: var(--theme-color-6);
+      --theme-modal--background: var(--theme-color-1);
+      --theme-modal--border-color: var(--theme-color-soft-bdr);
+      --theme-datepicker-day--background: var(--theme-color-ghost);
+      --theme-datepicker-day--background--hover: var(--theme-color-ghost--hover);
+      --theme-datepicker-day--background--active: var(--theme-color-ghost--active);
+      --theme-datepicker-day--background--disabled: var(--theme-color-ghost);
+      --theme-datepicker-day--background--selected: var(--theme-color-component-9);
+      --theme-datepicker-day--background--selected-hover: var(--theme-color-component-9--hover);
+      --theme-datepicker-day--background--selected-active: var(--theme-color-component-9--active);
+      --theme-datepicker-day--background--selected-disabled: var(--theme-color-component-9--disabled);
+      --theme-datepicker-day--background--range: var(--theme-color-component-10);
+      --theme-datepicker-day--background--range-hover: var(--theme-color-component-10--hover);
+      --theme-datepicker-day--background--range-active: var(--theme-color-component-10--active);
+      --theme-datepicker-day--background--range-disabled: var(--theme-color-component-10--disabled);
+      --theme-btn-invisible-primary--border-color: var(--theme-color-0);
+      --theme-btn-invisible-primary--border-color--hover: var(--theme-color-0);
+      --theme-btn-invisible-primary--border-color--active: var(--theme-color-0);
+      --theme-btn-invisible-primary--border-color--disabled: var(--theme-color-0);
+      --theme-btn-secondary--border-color: var(--theme-color-0);
+      --theme-btn-secondary--border-color--hover: var(--theme-color-0);
+      --theme-btn-secondary--border-color--active: var(--theme-color-0);
+      --theme-btn-secondary--border-color--disabled: var(--theme-color-0);
+      --theme-btn-invisible-secondary--border-color: var(--theme-color-0);
+      --theme-btn-invisible-secondary--border-color--hover: var(--theme-color-0);
+      --theme-btn-invisible-secondary--border-color--active: var(--theme-color-0);
+      --theme-btn-invisible-secondary--border-color--disabled: var(--theme-color-0);
+      --theme-map-navigation-logo--color: var(--theme-color-std-text);
+      --theme-map-navigation-header--color: var(--theme-color-std-text);
+      --theme-map-navigation-separator--background: var(--theme-color-soft-bdr);
+      --theme-map-navigation--background: var(--theme-color-3);
+      --theme-btn-invisible-secondary--border-color--selected: var(--theme-color-0);
+      --theme-btn-invisible-secondary--border-color--selected-hover: var(--theme-color-0);
+      --theme-btn-invisible-secondary--border-color--selected-active: var(--theme-color-0);
+      --theme-overlay-header--background: var(--theme-color-3);
+      --theme-overlay-header--color: var(--theme-color-std-text);
+      --theme-nav-overlay--background: var(--theme-color-backdrop);
+      --theme-nav-overlay-header--color: var(--theme-color-std-text);
+      --theme-event-item--background: var(--theme-color-secondary);
+      --theme-event-item--background--disabled: var(--theme-color-component-2);
+      --theme-event-item--border--hover: var(--theme-color-weak-bdr);
+      --theme-event-item--border: var(--theme-color-weak-bdr);
+      --theme-event-item--border--active: var(--theme-color-weak-bdr);
+      --theme-event-item--border--selected: var(--theme-color-dynamic);
+      --theme-event-item--background--hover: var(--theme-color-secondary--hover);
+      --theme-event-item--border--disabled: var(--theme-color-component-2);
+      --theme-event-item--background--active: var(--theme-color-secondary--active);
+      --theme-event-item--background--selected: var(--theme-color-component-5);
+      --theme-event-item-chevron--color: var(--theme-color-soft-text);
+      --theme-flip--color: var(--theme-color-std-text);
+      --theme-flip--background: var(--theme-color-1);
+      --theme-flip--border-color: var(--theme-color-soft-bdr);
+      --theme-flip-footer--background: var(--theme-color-1);
+      --theme-flip-footer--color: var(--theme-color-std-text);
+      --theme-kpi-display--background: var(--theme-color-ghost);
+      --theme-kpi-display--background--hover: var(--theme-color-ghost--hover);
+      --theme-kpi-display--background--active: var(--theme-color-ghost--active);
+      --theme-kpi-display-indicator--background: var(--theme-color-component-4);
+      --theme-kpi-display-label--color: var(--theme-color-soft-text);
+      --theme-kpi-display-icon--color: var(--theme-color-std-text);
+      --theme-kpi-display-value: var(--theme-color-std-text);
+      --theme-kpi-display-units: var(--theme-color-soft-text);
+      --theme-table-data-row-alt--background: var(--theme-color-ghost-alt);
+      --theme-group-item--background: var(--theme-color-component-1);
+      --theme-group-item--background--hover: var(--theme-color-component-1--hover);
+      --theme-group-item--background--active: var(--theme-color-component-1--active);
+      --theme-group-item--background--selected: var(--theme-color-ghost--selected);
+      --theme-group-item--background--disabled: var(--theme-color-component-1);
+      --theme-group-item--border-color: var(--theme-color-0);
+      --theme-group-item--border-color--hover: var(--theme-color-0);
+      --theme-group-item--border-color--active: var(--theme-color-0);
+      --theme-group-item--border-color--selected: var(--theme-color-primary);
+      --theme-group-item--border-color--disabled: var(--theme-color-0);
+      --theme-group-item-indicator--background: var(--theme-color-0);
+      --theme-group-item-indicator--background--selected: var(--theme-color-primary);
+      --theme-group-item-indicator--background--subselected: var(--theme-color-primary);
+      --theme-group-node-closed--color: var(--theme-color-std-text);
+      --theme-group-node-open--color: var(--theme-color-std-text);
+      --theme-group-header--color: var(--theme-color-std-text);
+      --theme-group-subheader--color: var(--theme-color-std-text);
+      --theme-group-item-icon--color: var(--theme-color-std-text);
+      --theme-group-item-text--color: var(--theme-color-std-text);
+      --theme-group-item-subtext--color: var(--theme-color-soft-text);
+      --theme-group-item-icon--color--disabled: var(--theme-color-weak-text);
+      --theme-group-item-text--color--disabled: var(--theme-color-weak-text);
+      --theme-group-item-subtext--color--disabled: var(--theme-color-weak-text);
+      --theme-upload--background: var(--theme-color-1);
+      --theme-upload--background--dragover: var(--theme-color-1);
+      --theme-upload--border-color: var(--theme-color-soft-bdr);
+      --theme-upload--border-color--dragover: var(--theme-color-primary);
+      --theme-upload--background--checking: var(--theme-color-1);
+      --theme-upload--background--disabled: var(--theme-color-0);
+      --theme-upload--border-color--checking: var(--theme-color-soft-bdr);
+      --theme-upload--border-color--disabled: var(--theme-color-soft-bdr);
+      --theme-upload-text--color: var(--theme-color-std-text);
+      --theme-upload-text--color--checking: var(--theme-color-std-text);
+      --theme-upload-text--color--disabled: var(--theme-color-weak-text);
+      --theme-input-extra--background--active: var(--theme-color-secondary--active);
+      --theme-input-extra--background--hover: var(--theme-color-secondary--hover);
+      --theme-btn-outline-primary--border-color: var(--theme-color-primary);
+      --theme-btn-outline-primary--border-color--hover: var(--theme-color-primary);
+      --theme-btn-outline-primary--border-color--active: var(--theme-color-primary);
+      --theme-btn-outline-primary--border-color--disabled: var(--theme-color-component-4);
+      --theme-btn-invisible-secondary--background--disabled: var(--theme-color-ghost);
+      --theme-ghost--background: var(--theme-color-ghost);
+      --theme-ghost--background--hover: var(--theme-color-ghost--hover);
+      --theme-ghost--background--active: var(--theme-color-ghost--active);
+      --theme-radiobtn-checked--color--hover: var(--theme-color-dynamic);
+      --theme-input-hint--color: var(--theme-color-soft-text);
+      --theme-menu-separator--background: var(--theme-color-weak-bdr);
+      --theme-select-list-item-hint--color: var(--theme-color-soft-text);
+      --theme-select-list-item-hint--color--hover: var(--theme-color-soft-text);
+      --theme-select-list-item-hint--color--active: var(--theme-color-soft-text);
+      --theme-toast-timer-track--background: var(--theme-color-0);
+      --theme-toast-timer-value--background: var(--theme-color-6);
+      --theme-toast--background: var(--theme-color-1);
+      --theme-toast--border-color: var(--theme-color-0);
+      --theme-toast--color: var(--theme-color-std-text);
+      --theme-datepicker-day--border-color: var(--theme-color-0);
+      --theme-datepicker-day--border-color--hover: var(--theme-color-0);
+      --theme-datepicker-day--border-color--active: var(--theme-color-0);
+      --theme-datepicker-day--border-color--disabled: var(--theme-color-0);
+      --theme-datepicker-day--color: var(--theme-color-primary);
+      --theme-datepicker-day--color--hover: var(--theme-color-primary);
+      --theme-datepicker-day--color--active: var(--theme-color-primary);
+      --theme-datepicker-day--color--disabled: var(--theme-color-weak-text);
+      --theme-datepicker-day--border-color--selected: var(--theme-color-0);
+      --theme-datepicker-day--border-color--selected-hover: var(--theme-color-0);
+      --theme-datepicker-day--border-color--selected-active: var(--theme-color-0);
+      --theme-datepicker-day--border-color--selected-disabled: var(--theme-color-0);
+      --theme-datepicker-day--color--selected: var(--theme-color-primary--contrast);
+      --theme-datepicker-day--color--selected-hover: var(--theme-color-primary--contrast);
+      --theme-datepicker-day--color--selected-active: var(--theme-color-primary--contrast);
+      --theme-datepicker-day--color--selected-disabled: var(--theme-color-weak-text);
+      --theme-datepicker-day--border-color--range: var(--theme-color-0);
+      --theme-datepicker-day--border-color--range-hover: var(--theme-color-0);
+      --theme-datepicker-day--border-color--range-active: var(--theme-color-0);
+      --theme-datepicker-day--border-color--range-disabled: var(--theme-color-0);
+      --theme-datepicker-day--color--range: var(--theme-color-primary--contrast);
+      --theme-datepicker-day--color--range-hover: var(--theme-color-primary--contrast);
+      --theme-datepicker-day--color--range-active: var(--theme-color-primary--contrast);
+      --theme-datepicker-day--color--range-disabled: var(--theme-color-weak-text);
+      --theme-datepicker-today--background: var(--theme-color-ghost);
+      --theme-datepicker-today--background--hover: var(--theme-color-ghost--hover);
+      --theme-datepicker-today--background--active: var(--theme-color-ghost--active);
+      --theme-datepicker-today--background--disabled: var(--theme-color-ghost);
+      --theme-datepicker-today--border-color: var(--theme-color-primary);
+      --theme-datepicker-today--border-color--hover: var(--theme-color-primary);
+      --theme-datepicker-today--border-color--active: var(--theme-color-primary);
+      --theme-datepicker-today--border-color--disabled: var(--theme-color-primary--disabled);
+      --theme-datepicker-today--color: var(--theme-color-primary);
+      --theme-datepicker-today--color--hover: var(--theme-color-primary);
+      --theme-datepicker-today--color--active: var(--theme-color-primary);
+      --theme-datepicker-today--color--disabled: var(--theme-color-weak-text);
+      --theme-datepicker-today--background--selected: var(--theme-color-component-9);
+      --theme-datepicker-today--background--selected-hover: var(--theme-color-component-9--hover);
+      --theme-datepicker-today--background--selected-active: var(--theme-color-component-9--active);
+      --theme-datepicker-today--background--selected-disabled: var(--theme-color-component-9--disabled);
+      --theme-datepicker-today--border-color--selected: var(--theme-color-primary);
+      --theme-datepicker-today--border-color--selected-hover: var(--theme-color-primary);
+      --theme-datepicker-today--border-color--selected-active: var(--theme-color-primary);
+      --theme-datepicker-today--border-color--selected-disabled: var(--theme-color-primary--disabled);
+      --theme-datepicker-today--color--selected: var(--theme-color-primary--contrast);
+      --theme-datepicker-today--color--selected-hover: var(--theme-color-primary--contrast);
+      --theme-datepicker-today--color--selected-active: var(--theme-color-primary--contrast);
+      --theme-datepicker-today--color--selected-disabled: var(--theme-color-weak-text);
+      --theme-datepicker-today--background--range: var(--theme-color-component-10);
+      --theme-datepicker-today--background--range-hover: var(--theme-color-component-10--hover);
+      --theme-datepicker-today--background--range-active: var(--theme-color-component-10--active);
+      --theme-datepicker-today--background--range-disabled: var(--theme-color-component-10--disabled);
+      --theme-datepicker-today--border-color--range: var(--theme-color-primary);
+      --theme-datepicker-today--border-color--range-hover: var(--theme-color-primary);
+      --theme-datepicker-today--border-color--range-active: var(--theme-color-primary);
+      --theme-datepicker-today--border-color--range-disabled: var(--theme-color-primary--disabled);
+      --theme-datepicker-today--color--range: var(--theme-color-primary--contrast);
+      --theme-datepicker-today--color--range-hover: var(--theme-color-primary--contrast);
+      --theme-datepicker-today--color--range-active: var(--theme-color-primary--contrast);
+      --theme-datepicker-today--color--range-disabled: var(--theme-color-weak-text);
+      --theme-datepicker-separator--background: var(--theme-color-x-weak-bdr);
+      --theme-datepicker-weekday--color: var(--theme-color-soft-text);
+      --theme-datepicker-cw--color: var(--theme-color-soft-text);
+      --theme-datepicker-time-header: var(--theme-color-std-text);
+      --theme-datepicker-extra--border-color: var(--theme-color-1);
+      --theme-overlay--background: var(--theme-color-backdrop);
+      --theme-tree-item--background: var(--theme-color-ghost);
+      --theme-tree-item--background--hover: var(--theme-color-ghost--hover);
+      --theme-tree-item--background--active: var(--theme-color-ghost--active);
+      --theme-tree-item--background--selected: var(--theme-color-ghost--selected);
+      --theme-tree-item--background--selected-hover: var(--theme-color-ghost--selected-hover);
+      --theme-tree-item--background--selected-active: var(--theme-color-ghost--selected-active);
+      --theme-tree-item-node-closed-icon--color: var(--theme-color-std-text);
+      --theme-tree-item-node-open-icon--color: var(--theme-color-dynamic);
+      --theme-tree-item--color: var(--theme-color-std-text);
+      --theme-tree-item-icon: var(--theme-color-std-text);
+      --theme-tree-item-status--color: var(--theme-color-soft-text);
+      --theme-workflow-step--background: var(--theme-color-ghost);
+      --theme-workflow-step--background--hover: var(--theme-color-ghost--hover);
+      --theme-workflow-step--background--active: var(--theme-color-ghost--active);
+      --theme-workflow-step--background--selected: var(--theme-color-ghost--selected);
+      --theme-workflow-step--background--disabled: var(--theme-color-ghost);
+      --theme-workflow-step--color: var(--theme-color-std-text);
+      --theme-workflow-step-icon--background: var(--theme-color-1);
+      --theme-workflow-step-icon-default--color: var(--theme-color-neutral);
+      --theme-workflow-step-icon-default--color--selected: var(--theme-color-primary);
+      --theme-workflow-step-icon-default--color--disabled: var(--theme-color-weak-text);
+      --theme-workflow-step-icon-done--color: var(--theme-color-primary);
+      --theme-workflow-step-icon-done--color--selected: var(--theme-color-primary);
+      --theme-workflow-step-icon-done--color--disabled: var(--theme-color-weak-text);
+      --theme-workflow-step-icon-success--color--disabled: var(--theme-color-weak-text);
+      --theme-workflow-step-icon-warning--color--disabled: var(--theme-color-weak-text);
+      --theme-workflow-step-icon-error--color--disabled: var(--theme-color-weak-text);
+      --theme-tootlip--background: var(--theme-color-1);
+      --theme-tooltip--border-color: var(--theme-color-0);
+      --theme-tooltip--color: var(--theme-color-std-text);
+      --theme-tooltip-close--color: var(--theme-color-soft-text);
+      --theme-tooltip-close-btn--background: var(--theme-color-ghost);
+      --theme-tooltip-close-btn--background--hover: var(--theme-color-ghost--hover);
+      --theme-tooltip-close-btn--background--active: var(--theme-color-ghost--active);
+      --theme-table--background: var(--theme-color-0);
+      --theme-table--border-color: var(--theme-color-weak-bdr);
+      --theme-table--color: var(--theme-color-std-text);
+      --theme-table-header-row--background: var(--theme-color-component-11);
+      --theme-table-header-row--border-color: var(--theme-color-weak-bdr);
+      --theme-table-header-cell--background: var(--theme-color-ghost);
+      --theme-table-header-cell--background--hover: var(--theme-color-ghost--hover);
+      --theme-table-header-cell--background--active: var(--theme-color-ghost--active);
+      --theme-table-header-cell--border-color: var(--theme-color-0);
+      --theme-table-header-cell--border-color--hover: var(--theme-color-0);
+      --theme-table-header-cell--border-color--active: var(--theme-color-0);
+      --theme-table-header-cell--color: var(--theme-color-std-text);
+      --theme-table-header-filter--color: var(--theme-color-primary);
+      --theme-table-header-sort--color: var(--theme-color-primary);
+      --theme-table-header-splitter--background: var(--theme-color-soft-bdr);
+      --theme-table-header-splitter--background--hover: var(--theme-color-dynamic);
+      --theme-table-data-row--background: var(--theme-color-ghost);
+      --theme-table-data-row--background--hover: var(--theme-color-ghost--hover);
+      --theme-table-data-row--background--active: var(--theme-color-ghost--active);
+      --theme-table-data-row--background--selected: var(--theme-color-ghost--selected);
+      --theme-table-data-row--background--disabled: var(--theme-color-ghost);
+      --theme-table-data-row--background--selected-hover: var(--theme-color-ghost--selected-hover);
+      --theme-table-data-row--background--selected-active: var(--theme-color-ghost--selected-active);
+      --theme-table-data-row--border-color: var(--theme-color-weak-bdr);
+      --theme-table-data-cell--border-color: var(--theme-color-0);
+      --theme-table-data-cell--background: var(--theme-color-ghost);
+      --theme-table-data-cell--background--hover: var(--theme-color-ghost--hover);
+      --theme-table-data-cell--background--active: var(--theme-color-ghost--active);
+      --theme-table-data-cell--background--selected: var(--theme-color-ghost--selected);
+      --theme-table-data-cell--background--disabled: var(--theme-color-ghost);
+      --theme-table-data-cell--background--selected-hover: var(--theme-color-ghost--selected-hover);
+      --theme-table-data-cell--background--selected-active: var(--theme-color-ghost--selected-active);
+      --theme-table-data-cell--color: var(--theme-color-std-text);
+      --theme-table-data-cell--color-disabled: var(--theme-color-weak-text);
+      --theme-table-data-row-alt--background--hover: var(--theme-color-ghost-alt--hover);
+      --theme-table-data-row-alt--background--active: var(--theme-color-ghost-alt--active);
+      --theme-table-data-row-alt--background--selected: var(--theme-color-ghost-alt--selected);
+      --theme-table-data-row-alt--background--disabled: var(--theme-color-ghost-alt);
+      --theme-table-data-row-alt--background--selected-hover: var(--theme-color-ghost-alt--selected-hover);
+      --theme-table-data-row-alt--background--selected-active: var(--theme-color-ghost-alt--selected-active);
+      --theme-table-group-splitter--background: var(--theme-color-x-weak-bdr);
+      --theme-table-group-splitter--background--hover: var(--theme-color-dynamic);
+      --theme-table-group-header-row--background: var(--theme-color-component-11);
+      --theme-table-group-header-row--border-color: var(--theme-color-weak-bdr);
+      --theme-label--color: var(--theme-color-soft-text);
+      --theme-label--color--hover: var(--theme-color-std-text);
+      --theme-label--color--active: var(--theme-color-std-text);
+      --theme-label--color--focus: var(--theme-color-std-text);
+      --theme-label--color--disabled: var(--theme-color-weak-text);
+      --theme-table-selection--border-color: var(--theme-color-0);
+  }
+}