@siemens/ix 0.0.0-20240419081748

package/scss/theme/legacy-classic-dark/_color.scss

@@ -0,0 +1,864 @@
+/*
+ * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
+ */
+:root {
+  .theme-legacy-classic-dark {
+      --theme-color-ghost: #ffffff00;
+      --theme-color-ghost--hover: #ffffff12;
+      --theme-color-ghost--active: #ffffff24;
+      --theme-color-primary: #41aaaa;
+      --theme-color-primary--contrast: #000000;
+      --theme-color-primary--hover: #4eb0b0;
+      --theme-color-primary--active: #5bb6b6;
+      --theme-color-dynamic: #41aaaa;
+      --theme-color-secondary: #10181c;
+      --theme-color-secondary--hover: #1e2529;
+      --theme-color-secondary--active: #2d3437;
+      --theme-color-component-1: #879baa40;
+      --theme-color-component-1--hover: #a1b4c24d;
+      --theme-color-component-1--active: #b3c0ca5c;
+      --theme-color-component-2: #ffffff47;
+      --theme-color-component-3: #ffffff33;
+      --theme-color-component-4: #ffffff40;
+      --theme-color-component-5: #152c2f;
+      --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: #310006;
+      --theme-color-component-info: #041c48;
+      --theme-color-component-8: #3e4b51;
+      --theme-color-ghost--selected: #32a0a040;
+      --theme-color-ghost--selected-hover: #61b6b64d;
+      --theme-color-ghost--selected-active: #83c5c55c;
+      --theme-color-ghost-primary--active: #ffffff24;
+      --theme-color-ghost-primary--hover: #ffffff12;
+      --theme-color-ghost-alt: #ffffff0a;
+      --theme-color-ghost-alt--hover: #ffffff1c;
+      --theme-color-ghost-alt--active: #ffffff2b;
+      --theme-color-ghost-alt--selected: #4faeae47;
+      --theme-color-ghost-alt--selected-hover: #74bfbf54;
+      --theme-color-ghost-alt--selected-active: #90cccc54;
+      --theme-color-primary--disabled: #0079934d;
+      --theme-color-dynamic--hover: #4eb0b0;
+      --theme-color-dynamic--active: #5bb6b6;
+      --theme-color-dynamic-alt: #00c2c2;
+      --theme-color-dynamic-alt--hover: #12c6c6;
+      --theme-color-dynamic-alt--active: #24caca;
+      --theme-color-component-8--hover: #001f39;
+      --theme-color-component-9: #00d4d4;
+      --theme-color-component-9--hover: #12d7d7;
+      --theme-color-component-9--active: #24dada;
+      --theme-color-component-9--disabled: #00d4d44d;
+      --theme-color-component-10: #41aaaa;
+      --theme-color-component-10--hover: #4eb0b0;
+      --theme-color-component-10--active: #5cb6b6;
+      --theme-color-component-10--disabled: #41aaaa33;
+      --theme-color-1--hover: #21282c;
+      --theme-color-1--active: #31383c;
+      --theme-color-component-11: #ced9e233;
+      --theme-color-0: #00000000;
+      --theme-color-1: #10181c;
+      --theme-color-2: #172126;
+      --theme-color-3: #293339;
+      --theme-color-4: #3c464b;
+      --theme-color-5: #555f69;
+      --theme-color-6: #6e7d89;
+      --theme-color-7: #879baa;
+      --theme-color-8: #555f69;
+      --theme-color-std-bdr: #ebf0f599;
+      --theme-color-soft-bdr: #ebf0f566;
+      --theme-color-weak-bdr: #ebf0f526;
+      --theme-color-x-weak-bdr: #ebf0f51a;
+      --theme-color-focus-bdr: #199fff;
+      --theme-color-contrast-bdr: #ffffff;
+      --theme-color-alarm: #fe0137;
+      --theme-color-alarm--hover: #de123f;
+      --theme-color-alarm--active: #e0244e;
+      --theme-color-alarm--contrast: #ffffff;
+      --theme-color-alarm-40: #fe013766;
+      --theme-color-alarm-10: #fe01371a;
+      --theme-color-warning: #ffb900;
+      --theme-color-warning--hover: #ffbd12;
+      --theme-color-warning--active: #ffc224;
+      --theme-color-warning--contrast: #000000;
+      --theme-color-warning-40: #ffb90066;
+      --theme-color-warning-10: #ffb9001a;
+      --theme-color-critical: #eb780a;
+      --theme-color-critical--hover: #ec811b;
+      --theme-color-critical--active: #ed8b2c;
+      --theme-color-critical--contrast: #000000;
+      --theme-color-critical-40: #eb780a66;
+      --theme-color-success: #40c200;
+      --theme-color-success--hover: #41a212;
+      --theme-color-success--active: #4fa924;
+      --theme-color-success--contrast: #000000;
+      --theme-color-success-40: #40c20066;
+      --theme-color-info: #266ce6;
+      --theme-color-info--hover: #2d60b8;
+      --theme-color-info--active: #3d6cbd;
+      --theme-color-info--contrast: #ffffff;
+      --theme-color-info-40: #266ce666;
+      --theme-color-neutral: #879bab;
+      --theme-color-neutral--hover: #8fa2b0;
+      --theme-color-neutral--active: #97a9b6;
+      --theme-color-neutral--contrast: #000000;
+      --theme-color-neutral-40: #879bab66;
+      --theme-color-contrast-text: #ffffff;
+      --theme-color-std-text: #ffffffd9;
+      --theme-color-soft-text: #ffffff99;
+      --theme-color-weak-text: #ffffff66;
+      --theme-color-inv-contrast-text: #000000;
+      --theme-color-inv-std-text: #000000bf;
+      --theme-color-inv-soft-text: #0000008c;
+      --theme-color-inv-weak-text: #0000004d;
+      --theme-color-alarm-text: #ff99af;
+      --theme-color-shadow-1: #00000099;
+      --theme-color-shadow-2: #000000;
+      --theme-color-shadow-3: rgba(0,0,0,0.12);
+      --theme-color-lightbox: #0000008c;
+      --theme-color-backdrop: #10181cd9;
+      --theme-color-backdrop-3: #10181cd9;
+      --theme-color-logo: #ffffff;
+      --theme-chart-1: #00ebd5;
+      --theme-chart-1-40: #00ebd566;
+      --theme-chart-2: #009e78;
+      --theme-chart-2-40: #009e7866;
+      --theme-chart-3: #00d5e0;
+      --theme-chart-3-40: #00d5e066;
+      --theme-chart-4: #00c5f1;
+      --theme-chart-4-40: #00c5f166;
+      --theme-chart-5: #86acc0;
+      --theme-chart-5-40: #86acc066;
+      --theme-chart-6: #42aaff;
+      --theme-chart-6-40: #42aaff66;
+      --theme-chart-7: #2473ff;
+      --theme-chart-7-40: #2473ff66;
+      --theme-chart-8: #759eff;
+      --theme-chart-8-40: #759eff66;
+      --theme-chart-9: #7e84ff;
+      --theme-chart-9-40: #7e84ff66;
+      --theme-chart-10: #9362ff;
+      --theme-chart-10-40: #9362ff66;
+      --theme-chart-11: #bd61ff;
+      --theme-chart-11-40: #bd61ff66;
+      --theme-chart-12: #e446ff;
+      --theme-chart-12-40: #e446ff66;
+      --theme-chart-13: #f38fc2;
+      --theme-chart-13-40: #f38fc266;
+      --theme-chart-14: #ef9a9a;
+      --theme-chart-14-40: #ef9a9a66;
+      --theme-chart-15: #ffb180;
+      --theme-chart-15-40: #ffb18066;
+      --theme-chart-16: #baba9d;
+      --theme-chart-16-40: #baba9d66;
+      --theme-chart-17: #b5bd00;
+      --theme-chart-17-40: #b5bd0066;
+      --theme-chart-axes: #ffffff4d;
+      --theme-chart-grid-lines: #ffffff1a;
+      --theme-chart-grid-fill: #10181c;
+      --theme-chart-ticks: #ffffff4d;
+      --theme-chart-tooltip-fill: #000000cc;
+      --theme-chart-tooltip-bdr: #ffffff33;
+      --theme-workflow-step--color--disabled: var(--theme-color-weak-text);
+      --theme-app-header--color: var(--theme-color-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-weak-bdr);
+      --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);
+  }
+}