@siemens/ix 1.3.0 → 1.4.0-beta.0

package/scss/theme/classic-light/_variables.scss

@@ -1,829 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2022 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/*
-* Autogenerated please not edit directly
-*/
-
-$classic-light: (
-    color-primary: #0e777c,
-    color-alarm: #dc0031,
-    color-critical: #eb780a,
-    color-warning: #f0b800,
-    color-success: #339b00,
-    color-info: #1e54b3,
-    color-neutral: #879bab,
-    color-6: #becdd7,
-    color-5: #ced9e2,
-    color-3: #ebf0f5,
-    color-2: #f5f8fa,
-    color-disabled-btn: rgba(23, 33, 38, 0.25),
-    color-std-bdr: rgba(65, 95, 117, 0.6),
-    color-soft-bdr: rgba(65, 95, 117, 0.4),
-    color-weak-bdr: rgba(23, 33, 38, 0.15),
-    color-std-text: rgba(0, 0, 0, 0.75),
-    color-contrast-text: #000,
-    color-soft-text: rgba(0, 0, 0, 0.55),
-    color-weak-text: rgba(0, 0, 0, 0.3),
-    color-inv-std-text: rgba(255, 255, 255, 0.85),
-    color-inv-contrast-text: #fff,
-    color-inv-soft-text: rgba(255, 255, 255, 0.6),
-    color-inv-weak-text: rgba(255, 255, 255, 0.4),
-    color-lightbox: rgba(255, 255, 255, 0.6),
-    color-7: #879baa,
-    color-backdrop: rgba(255, 255, 255, 0.85),
-    color-input--focus: #00d7a0,
-    app-header--color: rgba(255, 255, 255, 0.85),
-    app-header--background: #555f69,
-    app-header--border-color: rgba(0, 0, 0, 0),
-    btn-invisible-secondary--color--selected: #0e777c,
-    btn-invisible-primary--color--disabled: rgba(0, 0, 0, 0.3),
-    btn-outline-primary--color--disabled: rgba(0, 0, 0, 0.3),
-    link-btn--border-color--hover: #0e777c,
-    btn-outline-secondary--background--disabled: rgba(0, 0, 0, 0),
-    btn-invisible-primary--background--active: rgba(0, 0, 0, 0.1),
-    link-btn--color--hover: #0e777c,
-    btn-outline-primary--border-color--active: #0e777c,
-    btn-outline-secondary--color--disabled: rgba(0, 0, 0, 0.3),
-    btn-primary--color--active: #fff,
-    btn-invisible-secondary--background: rgba(0, 0, 0, 0),
-    btn-secondary--color-active: rgba(0, 0, 0, 0.75),
-    link-btn--color: #0e777c,
-    btn-invisible-secondary--color--selected-hover: #0e777c,
-    link-btn--border-color--active: #000,
-    btn-outline-secondary--color: rgba(0, 0, 0, 0.75),
-    btn-invisible-primary--background--disabled: rgba(0, 0, 0, 0),
-    btn-outline-primary--border-color--disabled: rgba(23, 33, 38, 0.25),
-    link-btn--color--active: #000,
-    btn-primary--color--disabled: rgba(255, 255, 255, 0.85),
-    btn-invisible-secondary--background--hover: rgba(0, 0, 0, 0.05),
-    btn-secondary--color--disabled: rgba(0, 0, 0, 0.3),
-    btn-invisible-secondary--color: rgba(0, 0, 0, 0.75),
-    btn-outline-primary--background--hover: #f2f2f2,
-    btn-invisible-secondary--color--selected-active: #0e777c,
-    link-btn--border-color--visited: rgba(0, 0, 0, 0),
-    btn-outline-secondary--color--hover: rgba(0, 0, 0, 0.75),
-    btn-invisible-primary--color: #0e777c,
-    btn-outline-primary--color: #0e777c,
-    link-btn--color--visited: #0e777c,
-    btn-outline-secondary--border-color: #becdd7,
-    btn-outline-secondary--border-color--hover: #becdd7,
-    btn-outline-secondary--border-color--disabled: rgba(23, 33, 38, 0.25),
-    btn-outline-secondary--border-color--active: #becdd7,
-    btn-invisible-secondary--background--active: rgba(0, 0, 0, 0.1),
-    btn-secondary--background: #ced9e2,
-    btn-invisible-secondary--color--hover: rgba(0, 0, 0, 0.75),
-    btn-outline-primary--background: #fff,
-    btn-outline-primary--background--active: #e5e5e5,
-    btn-invisible-secondary--background--selected: rgba(50, 160, 160, 0.25),
-    btn-primary--background--active: #0c6a6f,
-    link-btn--border-color--disabled: rgba(0, 0, 0, 0),
-    btn-outline-secondary--color--active: rgba(0, 0, 0, 0.75),
-    btn-invisible-primary--color--hover: #0e777c,
-    btn-outline-primary--color--hover: #0e777c,
-    link-btn--color--disabled: rgba(0, 0, 0, 0.3),
-    btn-outline-secondary--background--hover: #f2f2f2,
-    btn-invisible-secondary--background--disabled: rgba(0, 0, 0, 0),
-    btn-invisible-primary--background: rgba(0, 0, 0, 0),
-    btn-secondary--background--hover: #c3cdd6,
-    btn-invisible-secondary--color--active: rgba(0, 0, 0, 0.75),
-    btn-outline-primary--background--disabled: rgba(0, 0, 0, 0),
-    btn-secondary--color: rgba(0, 0, 0, 0.75),
-    btn-invisible-secondary--background--selected-hover: rgba(39, 125, 125, 0.28),
-    btn-primary--background--disabled: rgba(23, 33, 38, 0.25),
-    btn-invisible-primary--color--active: #0e777c,
-    btn-outline-primary--color--active: #0e777c,
-    link-btn--border-color: rgba(0, 0, 0, 0),
-    btn-outline-secondary--background--active: #e5e5e5,
-    btn-invisible-primary--background--hover: rgba(0, 0, 0, 0.05),
-    btn-outline-primary--border-color--hover: #0e777c,
-    btn-secondary--background--active: #b9c2ca,
-    btn-primary--color--hover: #fff,
-    btn-invisible-secondary--color--disabled: rgba(0, 0, 0, 0.3),
-    btn-outline-primary--border-color: #0e777c,
-    btn-secondary--color--hover: rgba(0, 0, 0, 0.75),
-    btn-secondary--background--disabled: rgba(23, 33, 38, 0.25),
-    btn-primary--color: #fff,
-    btn-invisible-secondary--background-selected-active: rgba(33, 107, 107, 0.32),
-    btn-outline-secondary--background: #fff,
-    btn-group-base--background: #fff,
-    btn-group-base--border-color: #0e777c,
-    btn-group-item--background: rgba(255, 255, 255, 0),
-    btn-group-item--color: #0e777c,
-    btn-group-item--background--hover: rgba(0, 0, 0, 0.05),
-    btn-group-item--background--selected: #0e777c,
-    btn-group-item--color--hover: #0e777c,
-    btn-group-item--color--selected: #fff,
-    btn-group-item--border-color--hover: rgba(0, 0, 0, 0),
-    btn-group-item--border-color: rgba(0, 0, 0, 0),
-    btn-primary--background: #0e777c,
-    btn-primary--background--hover: #0d7075,
-    checkbox-unchecked--background: #fff,
-    checkbox-unchecked--border-color: rgba(65, 95, 117, 0.6),
-    checkbox-unchecked--background--hover: #f2f2f2,
-    checkbox-unchecked--border-color--hover: rgba(65, 95, 117, 0.6),
-    checkbox-unchecked--background--active: #e5e5e5,
-    checkbox-unchecked--border-color--active: rgba(65, 95, 117, 0.6),
-    checkbox-unchecked--background--disabled: rgba(255, 255, 255, 0),
-    checkbox-unchecked--border-color--disabled: rgba(23, 33, 38, 0.25),
-    checkbox-checked--background: #0e777c,
-    checkbox-checked--border-color: rgba(0, 0, 0, 0),
-    checkbox-checked--color: #fff,
-    checkbox-checked--background--hover: #0d7075,
-    checkbox-checked--border-color--hover: rgba(0, 0, 0, 0),
-    checkbox-checked--color--hover: #fff,
-    checkbox-checked--color--active: #fff,
-    checkbox-checked--border-color--active: rgba(0, 0, 0, 0),
-    checkbox-checked--background--active: #0c6a6f,
-    checkbox-checked--background--disabled: rgba(23, 33, 38, 0.25),
-    checkbox-checked--border-color--disabled: rgba(0, 0, 0, 0),
-    checkbox-checked--color--disabled: #fff,
-    checkbox-mixed--background: #fff,
-    checkbox-mixed--border-color: #0e777c,
-    checkbox-mixed--color: #0e777c,
-    checkbox-mixed--background--hover: #f2f2f2,
-    checkbox-mixed--border-color--hover: #0e777c,
-    checkbox-mixed--color--hover: #0e777c,
-    checkbox-mixed--background--active: #e5e5e5,
-    checkbox-mixed--border-color--active: #0e777c,
-    checkbox-mixed--color--active: #0e777c,
-    checkbox-mixed--background--disabled: rgba(255, 255, 255, 0),
-    checkbox-mixed--border-color--disabled: rgba(23, 33, 38, 0.25),
-    checkbox-mixed--color-disabled: rgba(23, 33, 38, 0.25),
-    checkbox-label--color: rgba(0, 0, 0, 0.75),
-    checkbox-label--color--disabled: rgba(0, 0, 0, 0.3),
-    ghost--background: rgba(0, 0, 0, 0),
-    ghost--background--hover: rgba(0, 0, 0, 0.05),
-    ghost--background--active: rgba(0, 0, 0, 0.1),
-    radiobtn-unchecked--background: #fff,
-    radiobtn-unchecked--background--hover: #f2f2f2,
-    radiobtn-unchecked--background--active: #e5e5e5,
-    radiobtn-unchecked--background--disabled: rgba(255, 255, 255, 0),
-    radiobtn-unchecked--border-color--disabled: rgba(23, 33, 38, 0.25),
-    radiobtn-unchecked--border-color: rgba(65, 95, 117, 0.6),
-    radiobtn-unchecked--border-color--hover: rgba(65, 95, 117, 0.6),
-    radiobtn-unchecked--border-color--active: rgba(65, 95, 117, 0.6),
-    radiobtn-checked--background: #fff,
-    radiobtn-checked--background--hover: #f2f2f2,
-    radiobtn-checked--background--active: #e5e5e5,
-    radiobtn-checked--background--disabled: rgba(255, 255, 255, 0),
-    radiobtn-checked--border-color: #0e777c,
-    radiobtn-checked--border-color--hover: #0e777c,
-    radiobtn-checked--border-color--active: #0e777c,
-    radiobtn-checked--border-color--disabled: rgba(23, 33, 38, 0.25),
-    radiobtn-checked--color: #0e777c,
-    radiobtn-checked--color--hover: #0e777c,
-    radiobtn-checked--color--active: #0e777c,
-    radiobtn-checked--color--disabled: rgba(23, 33, 38, 0.25),
-    radiobtn-label--color: rgba(0, 0, 0, 0.75),
-    radiobtn-label--color--disabled: rgba(0, 0, 0, 0.3),
-    nav--background: #d6dfe7,
-    avatar-btn--background: rgba(0, 0, 0, 0),
-    avatar-btn--background--hover: rgba(0, 0, 0, 0.05),
-    avatar-btn--background--active: rgba(0, 0, 0, 0.1),
-    avatar-btn--color: rgba(0, 0, 0, 0.75),
-    avatar-btn--color--hover: rgba(0, 0, 0, 0.75),
-    avatar-btn--color--active: rgba(0, 0, 0, 0.75),
-    nav-item-primary--background: rgba(0, 0, 0, 0),
-    nav-item-primary--background--hover: rgba(0, 0, 0, 0.05),
-    nav-item-primary--background--active: rgba(0, 0, 0, 0.1),
-    nav-item-primary--background--selected: #ebf0f5,
-    nav-item-primary--border-color: rgba(255, 255, 255, 0),
-    nav-item-primary--border-color--hover: rgba(255, 255, 255, 0),
-    nav-item-primary--border-color--active: rgba(255, 255, 255, 0),
-    nav-item-primary--border-color--selected: #0e777c,
-    nav-item-primary-icon--color: rgba(0, 0, 0, 0.75),
-    nav-item-primary-icon--color--hover: rgba(0, 0, 0, 0.75),
-    nav-item-primary-icon--color--active: rgba(0, 0, 0, 0.75),
-    nav-item-primary-icon--color--selected: rgba(0, 0, 0, 0.75),
-    nav-item-primary--color: rgba(0, 0, 0, 0.75),
-    nav-item-primary--color--hover: rgba(0, 0, 0, 0.75),
-    nav-item-primary--color--active: rgba(0, 0, 0, 0.75),
-    nav-item-primary--color--selected: rgba(0, 0, 0, 0.75),
-    nav-item-secondary--background: rgba(0, 0, 0, 0),
-    nav-item-secondary--background--hover: rgba(0, 0, 0, 0.05),
-    nav-item-secondary--background--active: rgba(0, 0, 0, 0.1),
-    nav-item-secondary--background--disabled: rgba(0, 0, 0, 0),
-    nav-item-secondary--background--selected: #fff,
-    nav-item-secondary--border-color: rgba(255, 255, 255, 0),
-    nav-item-secondary--border-color--hover: rgba(255, 255, 255, 0),
-    nav-item-secondary--border-color--active: rgba(255, 255, 255, 0),
-    nav-item-secondary--border-color--disabled: rgba(255, 255, 255, 0),
-    nav-item-secondary--border-color--selected: #0e777c,
-    nav-item-secondary--color: rgba(0, 0, 0, 0.75),
-    nav-item-secondary--color--hover: rgba(0, 0, 0, 0.75),
-    nav-item-secondary--color--active: rgba(0, 0, 0, 0.75),
-    nav-item-secondary--color--disabled: rgba(0, 0, 0, 0.4),
-    nav-item-secondary--color--selected: rgba(0, 0, 0, 0.75),
-    nav-item-secondary-icon--color: rgba(0, 0, 0, 0.75),
-    nav-item-secondary-icon--color--hover: rgba(0, 0, 0, 0.75),
-    nav-item-secondary-icon--color--active: rgba(0, 0, 0, 0.75),
-    nav-item-secondary-icon--color--disabled: rgba(0, 0, 0, 0.4),
-    nav-item-secondary-icon--color--selected: rgba(0, 0, 0, 0.75),
-    menu-btn--color: rgba(0, 0, 0, 0.75),
-    menu-btn--color--hover: rgba(0, 0, 0, 0.75),
-    menu-btn--color--active: rgba(0, 0, 0, 0.75),
-    menu-btn--background: rgba(0, 0, 0, 0),
-    menu-btn--background--hover: rgba(0, 0, 0, 0.05),
-    menu-btn--background--active: rgba(0, 0, 0, 0.1),
-    avatar--background: rgba(0, 0, 0, 0.2),
-    avatar--color: #000,
-    input--color: rgba(0, 0, 0, 0.75),
-    input--color--disabled: rgba(0, 0, 0, 0.3),
-    input--background: #fff,
-    input--border-color: rgba(65, 95, 117, 0.6),
-    input--background--hover: #fff,
-    input--border-color--hover: rgba(65, 95, 117, 0.6),
-    input--background--focus: #fff,
-    input--border-color--focus: #0e777c,
-    input--background--readonly: rgba(255, 255, 255, 0),
-    input--border-color--readonly: rgba(255, 255, 255, 0.6),
-    input--border-color-bottom--readonly: rgba(65, 95, 117, 0.4),
-    input--background--disabled: rgba(255, 255, 255, 0),
-    input--border-color--disabled: rgba(255, 255, 255, 0.6),
-    input--border-color-bottom--disabled: rgba(23, 33, 38, 0.15),
-    input-error--background: #fff1f5,
-    input-error--border-color: #ff2640,
-    input-error-icon--color: #ff2640,
-    blind-base--background: #fff,
-    blind-base-border-color: rgba(23, 33, 38, 0.15),
-    blind-header-closed--background: rgba(0, 0, 0, 0),
-    blind-header-closed--color: rgba(0, 0, 0, 0.75),
-    blind-header-icon-closed--color: rgba(0, 0, 0, 0.75),
-    blind-header-closed--background--hover: rgba(0, 0, 0, 0.05),
-    blind-header-closed--color--hover: rgba(0, 0, 0, 0.75),
-    blind-header-icon-closed--color--hover: rgba(0, 0, 0, 0.75),
-    blind-header-closed--background--active: rgba(0, 0, 0, 0.1),
-    blind-header-closed--color--active: rgba(0, 0, 0, 0.75),
-    blind-header-icon-closed--color--active: rgba(0, 0, 0, 0.75),
-    blind-header-open--background: rgba(0, 0, 0, 0),
-    blind-header-open--color: rgba(0, 0, 0, 0.75),
-    blind-header-icon-open--color: rgba(0, 0, 0, 0.75),
-    blind-header-open--background--hover: rgba(0, 0, 0, 0.05),
-    blind-header-open--color--hover: rgba(0, 0, 0, 0.75),
-    blind-header-icon-open--color--hover: rgba(0, 0, 0, 0.75),
-    blind-header-open--background--active: rgba(0, 0, 0, 0.1),
-    blind-header-open--color--active: rgba(0, 0, 0, 0.75),
-    blind-header-icon-open--color--active: rgba(0, 0, 0, 0.75),
-    breadcrumb-btn-last--color: rgba(0, 0, 0, 0.75),
-    breadcrumb-btn--background: rgba(135, 155, 170, 0.25),
-    breadcrumb-btn--background--hover: rgba(106, 127, 143, 0.29),
-    breadcrumb-btn--background--active: rgba(94, 108, 118, 0.33),
-    breadcrumb-btn--color: rgba(0, 0, 0, 0.75),
-    breadcrumb-btn--color--hover: rgba(0, 0, 0, 0.75),
-    breadcrumb-btn--color--active: rgba(0, 0, 0, 0.75),
-    breadcrumb-btn-arrow--color: rgba(0, 0, 0, 0.75),
-    breadcrumb-btn-arrow--color--hover: rgba(0, 0, 0, 0.75),
-    breadcrumb-btn-arrow--color--active: rgba(0, 0, 0, 0.75),
-    breadcrumb-ghost-last--color: rgba(0, 0, 0, 0.55),
-    breadcrumb-ghost--background: rgba(0, 0, 0, 0),
-    breadcrumb-ghost--background--hover: rgba(0, 0, 0, 0.05),
-    breadcrumb-ghost--background--active: rgba(0, 0, 0, 0.1),
-    breadcrumb-ghost--color: #0e777c,
-    breadcrumb-ghost--color--hover: #0e777c,
-    breadcrumb-ghost--color--active: #0e777c,
-    breadcrumb-ghost-arrow--color: #0e777c,
-    breadcrumb-ghost-arrow--color--hover: #0e777c,
-    breadcrumb-ghost-arrow--color--active: #0e777c,
-    btn-group-item--background--active: rgba(0, 0, 0, 0.1),
-    btn-group-item--border-color--active: rgba(0, 0, 0, 0),
-    btn-group-item--color--active: #0e777c,
-    color-success--hover: #309300,
-    color-success--active: #2d8b00,
-    color-success--contrast: #000,
-    color-alarm--hover: #d0002e,
-    color-alarm--active: #c5002c,
-    color-alarm--contrast: #fff,
-    color-critical--hover: #df7109,
-    color-critical--active: #d36b08,
-    color-critical--contrast: #000,
-    color-warning--hover: #f2af00,
-    color-warning--active: #e5a600,
-    color-warning--contrast: #000,
-    color-info--hover: #1c4fa9,
-    color-info--active: #1a4ba0,
-    color-info--contrast: #fff,
-    color-neutral--hover: #8093a2,
-    color-neutral--active: #798b99,
-    color-neutral--contrast: #000,
-    color-primary--hover: #0d7075,
-    color-primary--active: #0c6a6f,
-    color-primary--contrast: #fff,
-    chip-outline--background: #fff,
-    chip-outline--background--hover: #f2f2f2,
-    chip-outline--background--active: #e5e5e5,
-    chip-outline--color: rgba(0, 0, 0, 0.75),
-    chip-close-btn--background: rgba(0, 0, 0, 0),
-    chip-close-btn--background--hover: rgba(0, 0, 0, 0.05),
-    chip-close-btn--background--active: rgba(0, 0, 0, 0.1),
-    chip--background: #ebf0f5,
-    chip--background--hover: #dfe3e8,
-    chip--background--active: #d3d7dc,
-    chip--color: #000,
-    chip-close-btn--color: rgba(0, 0, 0, 0.85),
-    pill-outline--color: rgba(0, 0, 0, 0.75),
-    pill-outline--background: #fff,
-    chip-primary--background: #0e777c,
-    chip-primary--background--hover: #0d7075,
-    chip-primary--background--active: #0c6a6f,
-    chip-primary--color: #fff,
-    chip-primary--color--hover: #fff,
-    chip-primary--color--active: #fff,
-    chip-primary-outline--background: #fff,
-    chip-primary-outline--background--hover: #f2f2f2,
-    chip-primary-outline--background--active: #e5e5e5,
-    chip-primary-outline--background--display: #fff,
-    chip-primary-outline--border-color: #0e777c,
-    chip-primary-outline--border-color--hover: #0e777c,
-    chip-primary-outline--border-color--active: #0e777c,
-    chip-primary-outline--border-color--display: rgba(0, 0, 0, 0.75),
-    chip-primary-outline--color: #0e777c,
-    chip-primary-outline--color--hover: #0e777c,
-    chip-primary-outline--color--active: #0e777c,
-    chip-primary-outline--color--display: rgba(0, 0, 0, 0.75),
-    app-header-logo--color: #fff,
-    btn-group-item--border-color--selected: rgba(0, 0, 0, 0),
-    table-data-row-alt--background: rgba(0, 45, 74, 0.03),
-    menu-header--color: rgba(0, 0, 0, 0.6),
-    menu-item--background: rgba(255, 255, 255, 0),
-    menu-item--background--hover: rgba(0, 0, 0, 0.05),
-    menu-item--background--active: rgba(0, 0, 0, 0.1),
-    menu-item--background--disabled: rgba(255, 255, 255, 0),
-    menu-item--color: rgba(0, 0, 0, 0.75),
-    menu-item--color--hover: rgba(0, 0, 0, 0.75),
-    menu-item--color--active: rgba(0, 0, 0, 0.75),
-    menu-item--color--disabled: rgba(0, 0, 0, 0.4),
-    menu-separator--background: rgba(23, 33, 38, 0.15),
-    menu--background: #fff,
-    menu--border-color: rgba(65, 95, 117, 0.4),
-    menu-item-arrow--color: rgba(0, 0, 0, 0.75),
-    menu-item-arrow--color--hover: rgba(0, 0, 0, 0.75),
-    menu-item-arrow--color--active: rgba(0, 0, 0, 0.75),
-    menu-item-arrow--color--disabled: rgba(0, 0, 0, 0.4),
-    menu-item-check--color: rgba(0, 0, 0, 0.75),
-    menu-item-check--color--hover: rgba(0, 0, 0, 0.75),
-    menu-item-check--color--active: rgba(0, 0, 0, 0.75),
-    menu-item-check--color--disabled: rgba(0, 0, 0, 0.4),
-    select-list--background: #fff,
-    select-list--border-color: rgba(65, 95, 117, 0.4),
-    select-list-item--background: rgba(255, 255, 255, 0),
-    select-list-item--background--hover: rgba(0, 0, 0, 0.05),
-    select-list-item--background--active: rgba(0, 0, 0, 0.1),
-    select-list-item--background--selected: rgba(50, 160, 160, 0.25),
-    select-list-item--background--disabled: rgba(255, 255, 255, 0),
-    select-list-item--color: rgba(0, 0, 0, 0.75),
-    select-list-item--color--hover: rgba(0, 0, 0, 0.75),
-    select-list-item--color--active: rgba(0, 0, 0, 0.75),
-    select-list-item--color--selected: rgba(0, 0, 0, 0.75),
-    select-list-item--color--disabled: rgba(0, 0, 0, 0.3),
-    select-list-item--background--selected-hover: rgba(16, 112, 112, 0.25),
-    select-list-item--background--selected-active: rgba(15, 97, 97, 0.3),
-    select-list-item--background--selected-disabled: rgba(255, 255, 255, 0),
-    select-list-item--color--selected-hover: rgba(0, 0, 0, 0.75),
-    select-list-item--color--selected-active: rgba(0, 0, 0, 0.75),
-    select-list-item--color--selected-disabled: rgba(0, 0, 0, 0.3),
-    select-list-item-check--color: rgba(0, 0, 0, 0.75),
-    select-list-item-check--color--hover: rgba(0, 0, 0, 0.75),
-    select-list-item-check--color--active: rgba(0, 0, 0, 0.75),
-    select-list-item-check--color--disabled: rgba(0, 0, 0, 0.3),
-    menu-item-icon--color: rgba(0, 0, 0, 0.75),
-    menu-item-icon--color--hover: rgba(0, 0, 0, 0.75),
-    menu-item-icon--color--active: rgba(0, 0, 0, 0.75),
-    menu-item-icon--color--disabled: rgba(0, 0, 0, 0.4),
-    tab--background: rgba(0, 0, 0, 0),
-    tab--background--hover: rgba(0, 0, 0, 0.05),
-    tab--background--active: rgba(0, 0, 0, 0.1),
-    tab--background--selected: rgba(255, 255, 255, 0),
-    tab--background--disabled: rgba(255, 255, 255, 0),
-    tab-indicator--background: rgba(0, 0, 0, 0),
-    tab-indicator--background--hover: #becdd7,
-    tab-indicator--background--active: #becdd7,
-    tab-indicator--background--selected: #0e777c,
-    tab-indicator--background--disabled: rgba(0, 0, 0, 0),
-    animated-tab-indicator--background: rgba(0, 0, 0, 0),
-    animated-tab-indicator--background--hover: rgba(0, 0, 0, 0),
-    animated-tab-indicator--background--active: rgba(0, 0, 0, 0),
-    animated-tab-indicator--background--selected: #0e777c,
-    animated-tab-indicator--background--disabled: rgba(0, 0, 0, 0),
-    tab--color: rgba(0, 0, 0, 0.6),
-    tab--color--hover: rgba(0, 0, 0, 0.6),
-    tab--color--active: rgba(0, 0, 0, 0.6),
-    tab--color--selected: #0e777c,
-    tab--color--disabled: rgba(0, 0, 0, 0.3),
-    tab-icon--color: rgba(0, 0, 0, 0.6),
-    tab-icon--color--hover: rgba(0, 0, 0, 0.6),
-    tab-icon--color--active: rgba(0, 0, 0, 0.6),
-    tab-icon--color--selected: #0e777c,
-    tab-icon--color--disabled: rgba(0, 0, 0, 0.3),
-    animated-tab-icon--color: rgba(0, 0, 0, 0.6),
-    animated-tab-icon--color--hover: rgba(0, 0, 0, 0.6),
-    animated-tab-icon--color--active: rgba(0, 0, 0, 0.6),
-    animated-tab-icon--color--selected: #fff,
-    animated-tab-icon--color--disabled: rgba(0, 0, 0, 0.3),
-    animated-tab-circle--background: #fff,
-    animated-tab-circle--background--hover: #f2f2f2,
-    animated-tab-circle--background--active: #e5e5e5,
-    animated-tab-circle--background--selected: #0e777c,
-    animated-tab-circle--background--disabled: rgba(255, 255, 255, 0.6),
-    animated-tab-circle--border-color: rgba(65, 95, 117, 0.4),
-    animated-tab-circle--border-color--hover: rgba(65, 95, 117, 0.4),
-    animated-tab-circle--border-color--active: rgba(65, 95, 117, 0.4),
-    animated-tab-circle--border-color--selected: rgba(255, 255, 255, 0),
-    animated-tab-circle--border-color--disabled: rgba(0, 0, 0, 0.15),
-    tab-pill--border-color: rgba(65, 95, 117, 0.4),
-    tab-pill--border-color--hover: rgba(65, 95, 117, 0.4),
-    tab-pill--border-color--active: rgba(65, 95, 117, 0.4),
-    tab-pill--border-color--selected: #0e777c,
-    tab-pill--border-color--disabled: rgba(0, 0, 0, 0.15),
-    switch-thumb-off--background: #fff,
-    switch-thumb-on--border-color--hover: #2a6675,
-    switch-thumb-mixed--border-color--active: #92a3b0,
-    switch-off--background: #f5f8fa,
-    switch-thumb-off--background--active: #e5e5e5,
-    switch-off--background--hover: #f5f8fa,
-    switch-thumb-off--background--disabled: #f5f8fa,
-    switch-thumb-off--border-color--active: #8899a5,
-    switch-thumb-on--background--disabled: #8d8da0,
-    switch-off--border-color: #adbac5,
-    switch-on--border-color--hover: #adbac5,
-    switch-mixed--border-color: #adbac5,
-    switch-thumb-off--background--hover: #f2f2f2,
-    switch-thumb-on--border-color--disabled: rgba(255, 255, 255, 0),
-    switch-off--border-color--hover: #adbac5,
-    switch-thumb-mixed--background--disabled: #f5f8fa,
-    switch-on--border-color: #adbac5,
-    switch-off--background--disabled: rgba(0, 0, 0, 0.2),
-    switch-thumb-mixed--border-color--hover: #92a3b0,
-    switch-on--background: #f5f8fa,
-    switch-thumb-off--border-color--disabled: #b2babe,
-    switch-thumb-mixed--background--hover: #f2f2f2,
-    switch-thumb-on--background--hover: #016a6f,
-    switch-on--background--disabled: rgba(0, 0, 40, 0.16),
-    switch-thumb-on--background: #0e777c,
-    switch-off--background--active: #f5f8fa,
-    switch-on--border-color--disabled: rgba(255, 255, 255, 0),
-    switch-thumb-mixed--background--active: #e5e5e5,
-    switch-mixed--background--active: #f5f8fa,
-    switch-mixed--border-color--active: #adbac5,
-    switch-thumb-on--border-color--active: #256170,
-    switch-mixed--border-color--hover: #adbac5,
-    switch-mixed--background--hover: #f5f8fa,
-    switch-thumb-mixed--border-color--disabled: #b2babe,
-    switch-thumb-off--border-color--hover: #8d9eab,
-    switch-mixed--background: #f5f8fa,
-    switch-off--border-color--active: #adbac5,
-    switch-thumb-mixed--background: #fff,
-    switch-thumb-mixed--border-color: #92a3b0,
-    switch-thumb-off--border-color: #92a3b0,
-    switch-mixed--background--disabled: rgba(0, 0, 40, 0.16),
-    switch-on--border-color--active: #adbac5,
-    switch-thumb-on--background--active: #005d62,
-    switch-on--background--hover: #f5f8fa,
-    switch-on--background--active: #f5f8fa,
-    switch-mixed--border-color--disabled: rgba(255, 255, 255, 0),
-    switch-thumb-on--border-color: #2f6c7a,
-    switch--color--hover: rgba(0, 0, 0, 0.75),
-    switch--color: rgba(0, 0, 0, 0.75),
-    switch--color--disabled: rgba(0, 0, 0, 0.3),
-    switch--color--active: rgba(0, 0, 0, 0.75),
-    map-navigation-logo--color: rgba(0, 0, 0, 0.75),
-    map-navigation-header--color: rgba(0, 0, 0, 0.75),
-    map-navigation--background: #ebf0f5,
-    map-navigation-separator--background: rgba(65, 95, 117, 0.4),
-    btn-primary--border-color: rgba(0, 0, 0, 0),
-    btn-primary--border-color--hover: rgba(0, 0, 0, 0),
-    btn-primary--border-color--active: rgba(0, 0, 0, 0),
-    btn-primary--border-color--disabled: rgba(0, 0, 0, 0),
-    btn-invisible-primary--border-color: rgba(0, 0, 0, 0),
-    btn-invisible-primary--border-color--hover: rgba(0, 0, 0, 0),
-    btn-invisible-primary--border-color--active: rgba(0, 0, 0, 0),
-    btn-invisible-primary--border-color--disabled: rgba(0, 0, 0, 0),
-    btn-secondary--border-color: rgba(0, 0, 0, 0),
-    btn-secondary--border-color--hover: rgba(0, 0, 0, 0),
-    btn-secondary--border-color--active: rgba(0, 0, 0, 0),
-    btn-secondary--border-color--disabled: rgba(0, 0, 0, 0),
-    btn-invisible-secondary--border-color: rgba(0, 0, 0, 0),
-    btn-invisible-secondary--border-color--hover: rgba(0, 0, 0, 0),
-    btn-invisible-secondary--border-color--active: rgba(0, 0, 0, 0),
-    btn-invisible-secondary--border-color--disabled: rgba(0, 0, 0, 0),
-    btn-invisible-secondary--border-color--selected: rgba(0, 0, 0, 0),
-    btn-invisible-secondary--border-color--selected-hover: rgba(0, 0, 0, 0),
-    btn-invisible-secondary--border-color--selected-active: rgba(0, 0, 0, 0),
-    overlay--background: rgba(255, 255, 255, 0.85),
-    overlay-header--background: #ebf0f5,
-    overlay-header--color: rgba(0, 0, 0, 0.75),
-    nav-overlay-header--color: rgba(0, 0, 0, 0.75),
-    nav-overlay--background: rgba(255, 255, 255, 0.85),
-    color-alarm-10: rgba(220, 0, 49, 0.1),
-    color-alarm-40: rgba(220, 0, 49, 0.4),
-    color-critical-40: rgba(235, 120, 10, 0.4),
-    color-warning-10: rgba(255, 185, 0, 0.1),
-    color-warning-40: rgba(255, 185, 0, 0.4),
-    color-success-40: rgba(51, 155, 0, 0.4),
-    color-info-40: rgba(30, 84, 179, 0.4),
-    color-neutral-40: rgba(135, 155, 171, 0.4),
-    chart-tooltip-bdr: rgba(0, 0, 0, 0.2),
-    chart-tooltip-fill: rgba(255, 255, 255, 0.8),
-    chart-grid-lines: rgba(0, 0, 0, 0.1),
-    chart-axes: rgba(0, 0, 0, 0.3),
-    chart-grid-fill: #fff,
-    chart-ticks: rgba(0, 0, 0, 0.3),
-    input-unit--color: rgba(0, 0, 0, 0.6),
-    input-search-icon--color: rgba(0, 0, 0, 0.75),
-    input-search-icon--color--hover: rgba(0, 0, 0, 0.75),
-    input-search-icon--color--focus: rgba(0, 0, 0, 0.75),
-    input-search-icon--color--disabled: rgba(0, 0, 0, 0.3),
-    input-gripper--color: rgba(65, 95, 117, 0.6),
-    color-alarm-text: #c10118,
-    messagebar--background: #fff,
-    messagebar--color: rgba(0, 0, 0, 0.75),
-    modal--background: #fff,
-    modal--border-color: rgba(65, 95, 117, 0.4),
-    color-shadow-1: rgba(0, 0, 0, 0.1),
-    color-shadow-2: rgba(0, 0, 0, 0.1),
-    color-shadow-3: rgba(0, 0, 0, 0.1),
-    color-shadow-4: rgba(0, 0, 0, 0.2),
-    group-item--background: rgba(135, 155, 170, 0.25),
-    group-item--background--hover: rgba(112, 128, 140, 0.29),
-    group-item--background--active: rgba(93, 107, 118, 0.33),
-    group-item--background--selected: rgba(50, 160, 160, 0.25),
-    group-item--background--disabled: rgba(144, 154, 161, 0.1),
-    group-item--border-color: rgba(65, 95, 117, 0),
-    group-item--border-color--hover: rgba(0, 0, 0, 0),
-    group-item--border-color--active: rgba(0, 0, 0, 0),
-    group-item--border-color--selected: #0e777c,
-    group-item--border-color--disabled: rgba(0, 0, 0, 0),
-    group-item-indicator--background: rgba(0, 0, 0, 0),
-    group-item-indicator--background--selected: #0e777c,
-    group-item-indicator--background--subselected: #0e777c,
-    group-node-closed--color: rgba(0, 0, 0, 0.75),
-    group-node-open--color: rgba(0, 0, 0, 0.75),
-    group-header--color: rgba(0, 0, 0, 0.75),
-    group-subheader--color: rgba(0, 0, 0, 0.75),
-    group-item-icon--color: rgba(0, 0, 0, 0.75),
-    group-item-text--color: rgba(0, 0, 0, 0.75),
-    group-item-subtext--color: rgba(0, 0, 0, 0.6),
-    group-item-icon--color--disabled: rgba(0, 0, 0, 0.3),
-    group-item-text--color--disabled: rgba(0, 0, 0, 0.3),
-    group-item-subtext--color--disabled: rgba(0, 0, 0, 0.3),
-    upload--background: #fff,
-    upload--background--dragover: #fff,
-    upload--background--checking: #fff,
-    upload--background--disabled: #fff,
-    upload--border-color: rgba(65, 95, 117, 0.4),
-    upload--border-color--dragover: #0e777c,
-    upload--border-color--checking: rgba(65, 95, 117, 0.4),
-    upload--border-color--disabled: rgba(65, 95, 117, 0.4),
-    upload-text--color: rgba(0, 0, 0, 0.75),
-    upload-text--color--checking: rgba(0, 0, 0, 0.75),
-    upload-text--color--disabled: rgba(0, 0, 40, 0.3),
-    event-item--background: #fff,
-    event-item--background--hover: #f2f2f2,
-    event-item--background--active: #e5e5e5,
-    event-item--background--selected: #e1f1f1,
-    event-item--background--disabled: rgba(255, 255, 255, 0.6),
-    event-item--border: rgba(23, 33, 38, 0.15),
-    event-item--border--hover: rgba(23, 33, 38, 0.15),
-    event-item--border--active: rgba(23, 33, 38, 0.15),
-    event-item--border--selected: #137d81,
-    event-item-chevron--color: rgba(0, 0, 0, 0.6),
-    event-item--border--disabled: rgba(0, 0, 0, 0.15),
-    flip--color: rgba(0, 0, 0, 0.75),
-    flip--background: #fff,
-    flip-footer--color: rgba(0, 0, 0, 0.75),
-    flip-footer--background: #fff,
-    flip--border-color: rgba(65, 95, 117, 0.6),
-    kpi-display--background: rgba(0, 0, 0, 0),
-    kpi-display--background--hover: rgba(0, 0, 0, 0.05),
-    kpi-display--background--active: rgba(0, 0, 0, 0.1),
-    kpi-display-indicator--background: rgba(0, 0, 0, 0.3),
-    kpi-display-label--color: rgba(0, 0, 0, 0.6),
-    kpi-display-icon--color: rgba(0, 0, 0, 0.75),
-    kpi-display-value--color: rgba(0, 0, 0, 0.75),
-    kpi-display-units--color: rgba(0, 0, 0, 0.6),
-    scrollbar-track--background: #f5f8fa,
-    scrollbar-track--background--hover: #e9ecee,
-    scrollbar-track--border: #fff,
-    scrollbar-thumb--background: #ced9e2,
-    scrollbar-thumb--background--hover: #c4ced7,
-    input-extra--background--hover: #f2f2f2,
-    input-extra--background--active: #e6e6e6,
-    input-select-icon--color--hover: rgba(255, 255, 255, 0.85),
-    input-select-icon--color--active: rgba(0, 0, 0, 0.75),
-    select-list-item-hint--color: rgba(0, 0, 0, 0.55),
-    select-list-item-hint--color--hover: rgba(0, 0, 0, 0.55),
-    select-list-item-hint--color--active: rgba(0, 0, 0, 0.55),
-    datepicker-day--background: rgba(255, 255, 255, 0),
-    datepicker-day--background--hover: rgba(0, 0, 0, 0.05),
-    datepicker-day--background--active: rgba(0, 0, 0, 0.1),
-    datepicker-day--background--disabled: rgba(255, 255, 255, 0),
-    datepicker-day--border-color: rgba(0, 0, 0, 0),
-    datepicker-day--border-color--hover: rgba(255, 255, 255, 0),
-    datepicker-day--border-color--active: rgba(255, 255, 255, 0),
-    datepicker-day--border-color--disabled: rgba(255, 255, 255, 0),
-    datepicker-day--color: #0e777c,
-    datepicker-day--color--hover: #0e777c,
-    datepicker-day--color--active: #0e777c,
-    datepicker-day--color--disabled: rgba(0, 0, 0, 0.3),
-    datepicker-day--background--selected: #0b6165,
-    datepicker-day--background--selected-hover: #0a5c60,
-    datepicker-day--background--selected-active: #0a575b,
-    datepicker-day--background--selected-disabled: rgba(11, 97, 101, 0.3),
-    datepicker-day--border-color--selected: rgba(255, 255, 255, 0),
-    datepicker-day--border-color--selected-hover: rgba(255, 255, 255, 0),
-    datepicker-day--border-color--selected-active: rgba(255, 255, 255, 0),
-    datepicker-day--border-color--selected-disabled: rgba(255, 255, 255, 0),
-    datepicker-day--color--selected: #fff,
-    datepicker-day--color--selected-hover: #fff,
-    datepicker-day--color--selected-active: #fff,
-    datepicker-day--color--selected-disabled: rgba(0, 0, 0, 0.3),
-    datepicker-day--background--range: #377d81,
-    datepicker-day--background--range-hover: #34777b,
-    datepicker-day--background--range-active: #327174,
-    datepicker-day--background--range-disabled: rgba(50, 113, 116, 0.2),
-    datepicker-day--border-color--range: rgba(255, 255, 255, 0),
-    datepicker-day--border-color--range-hover: rgba(255, 255, 255, 0),
-    datepicker-day--border-color--range-active: rgba(255, 255, 255, 0),
-    datepicker-day--border-color--range-disabled: rgba(255, 255, 255, 0),
-    datepicker-day--color--range: #fff,
-    datepicker-day--color--range-hover: #fff,
-    datepicker-day--color--range-active: #fff,
-    datepicker-day--color--range-disabled: rgba(0, 0, 0, 0.3),
-    datepicker-today--background: rgba(255, 255, 255, 0),
-    datepicker-today--background--hover: rgba(0, 0, 0, 0.05),
-    datepicker-today--background--active: rgba(0, 0, 0, 0.1),
-    datepicker-today--background--disabled: rgba(255, 255, 255, 0),
-    datepicker-today--border-color: #0e777c,
-    datepicker-today--border-color--hover: #0e777c,
-    datepicker-today--border-color--active: #0e777c,
-    datepicker-today--border-color--disabled: rgba(14, 119, 124, 0.3),
-    datepicker-today--color: #0e777c,
-    datepicker-today--color--hover: #0e777c,
-    datepicker-today--color--active: #0e777c,
-    datepicker-today--color--disabled: rgba(0, 0, 0, 0.3),
-    datepicker-today--background--selected: #0b6165,
-    datepicker-today--background--selected-hover: #0a5c60,
-    datepicker-today--background--selected-active: #0a575b,
-    datepicker-today--background--selected-disabled: rgba(11, 97, 101, 0.3),
-    datepicker-today--border-color--selected: #0e777c,
-    datepicker-today--border-color--selected-hover: #0e777c,
-    datepicker-today--border-color--selected-active: #0e777c,
-    datepicker-today--border-color--selected-disabled: rgba(14, 119, 124, 0.3),
-    datepicker-today--color--selected: #fff,
-    datepicker-today--color--selected-hover: #fff,
-    datepicker-today--color--selected-active: #fff,
-    datepicker-today--color--selected-disabled: rgba(0, 0, 0, 0.3),
-    datepicker-today--background--range: #377d81,
-    datepicker-today--background--range-hover: #34777b,
-    datepicker-today--background--range-active: #327174,
-    datepicker-today--background--range-disabled: rgba(50, 113, 116, 0.2),
-    datepicker-today--border-color--range: #0e777c,
-    datepicker-today--border-color--range-active: #0e777c,
-    datepicker-today--border-color--range-disabled: rgba(0, 121, 147, 0.3),
-    datepicker-today--color--range: #fff,
-    datepicker-today--color--range-hover: #fff,
-    datepicker-today--color--range-active: #fff,
-    datepicker-today--color--range-disabled: rgba(0, 0, 0, 0.3),
-    datepicker-extra--border-color: #fff,
-    datepicker-weekday--color: rgba(0, 0, 0, 0.6),
-    datepicker-time-header--color: rgba(0, 0, 0, 0.75),
-    datepicker-cw--color: rgba(0, 0, 0, 0.55),
-    datepicker-separator--background: rgba(23, 33, 38, 0.15),
-    color-4: #dfe6ed,
-    tootlip--background: #fff,
-    tooltip--border-color: rgba(0, 0, 0, 0),
-    color-dynamic: #007c82,
-    tooltip-close--color: rgba(0, 0, 0, 0.6),
-    tooltip-close-btn--background: rgba(0, 0, 0, 0),
-    tooltip-close-btn--background--hover: rgba(0, 0, 0, 0.05),
-    tooltip-close-btn--background--active: rgba(0, 0, 0, 0.1),
-    tooltip--color: rgba(0, 0, 0, 0.75),
-    color-hyperlink: #0e777c,
-    color-hyperlink--hover: #0e777c,
-    color-hyperlink--active: #000,
-    color-ghost--hover: rgba(0, 0, 0, 0.05),
-    color-ghost--active: rgba(0, 0, 0, 0.1),
-    toast--background: #fff,
-    toast--border-color: rgba(255, 255, 255, 0),
-    toast--color: rgba(0, 0, 0, 0.75),
-    toast-timer-track--background: rgba(0, 0, 0, 0),
-    toast-timer-value--background: #becdd7,
-    tree-item--background: rgba(255, 255, 255, 0),
-    tree-item--background--hover: rgba(0, 0, 0, 0.05),
-    tree-item--background--active: rgba(0, 0, 0, 0.1),
-    tree-item--background--selected: rgba(50, 160, 160, 0.25),
-    tree-item--background--selected-hover: rgba(41, 132, 132, 0.29),
-    tree-item--background--selected-active: rgba(35, 111, 111, 0.33),
-    tree-item-node-closed-icon--color: rgba(0, 0, 0, 0.75),
-    tree-item-node-open-icon--color: #0e777c,
-    tree-item--color: rgba(0, 0, 0, 0.75),
-    tree-item-icon--color: rgba(0, 0, 0, 0.75),
-    tree-item-status--color: rgba(0, 0, 0, 0.6),
-    table-data-row-alt--background--disabled: rgba(0, 45, 74, 0.03),
-    table--background: rgba(0, 0, 0, 0),
-    table--border-color: rgba(23, 33, 38, 0.15),
-    table--color: rgba(0, 0, 0, 0.75),
-    table-header-row--background: rgba(209, 225, 236, 0.2),
-    table-header-row--border-color: rgba(23, 33, 38, 0.15),
-    table-selection--border-color: #0e777c,
-    table-header-cell--background: rgba(255, 255, 255, 0),
-    table-header-cell--background--hover: rgba(0, 0, 0, 0.05),
-    table-header-cell--background--active: rgba(0, 0, 0, 0.1),
-    table-header-cell--border-color: rgba(0, 0, 0, 0),
-    table-header-cell--border-color--hover: rgba(0, 0, 0, 0),
-    table-header-cell--border-color--active: rgba(0, 0, 0, 0),
-    table-header-cell--color: rgba(0, 0, 0, 0.75),
-    table-header-splitter--background: rgba(65, 95, 117, 0.4),
-    table-header-splitter--background--hover: #0e777c,
-    table-group-splitter--background: rgba(23, 33, 38, 0.15),
-    table-group-splitter--background--hover: #0e777c,
-    table-data-row--background: rgba(255, 255, 255, 0),
-    table-data-row--background--hover: rgba(0, 0, 0, 0.05),
-    table-data-row--background--active: rgba(0, 0, 0, 0.1),
-    table-data-row--background--selected: rgba(50, 160, 160, 0.25),
-    table-data-row--background--disabled: rgba(255, 255, 255, 0),
-    table-data-row--background--selected-hover: rgba(41, 132, 132, 0.29),
-    table-data-row--background--selected-active: rgba(35, 111, 111, 0.33),
-    table-data-row-alt--background--hover: rgba(0, 0, 0, 0.08),
-    table-data-row-alt--background--active: rgba(0, 0, 0, 0.13),
-    table-data-row-alt--background--selected: rgba(44, 142, 142, 0.27),
-    table-data-row-alt--background--selected-hover: rgba(37, 119, 119, 0.31),
-    table-data-row-alt--background--selected-active: rgba(31, 101, 101, 0.34),
-    table-data-row--border-color: rgba(23, 33, 38, 0.15),
-    table-data-cell--background: rgba(0, 0, 0, 0),
-    table-data-cell--background--hover: rgba(0, 0, 0, 0.05),
-    table-data-cell--background--active: rgba(0, 0, 0, 0.1),
-    table-data-cell--background--selected: rgba(50, 160, 160, 0.25),
-    table-data-cell--background--disabled: rgba(255, 255, 255, 0),
-    table-data-cell--background--selected-hover: rgba(41, 132, 132, 0.29),
-    table-data-cell--background--selected-active: rgba(35, 111, 111, 0.33),
-    table-data-cell--border-color: rgba(0, 0, 0, 0),
-    table-data-cell--color: rgba(0, 0, 0, 0.75),
-    table-data-cell--color-disabled: rgba(0, 0, 0, 0.3),
-    table-group-header-row--background: rgba(209, 225, 236, 0.2),
-    table-group-header-row--border-color: rgba(23, 33, 38, 0.15),
-    label--color: rgba(0, 0, 0, 0.6),
-    label--color--hover: rgba(0, 0, 0, 0.75),
-    label--color--active: rgba(0, 0, 0, 0.75),
-    label--color--focus: rgba(0, 0, 0, 0.75),
-    label--color--disabled: rgba(0, 0, 0, 0.3),
-    workflow-step--background: rgba(0, 0, 0, 0),
-    workflow-step--background--hover: rgba(0, 0, 0, 0.05),
-    workflow-step--background--active: rgba(0, 0, 0, 0.1),
-    workflow-step--background--selected: rgba(50, 160, 160, 0.25),
-    workflow-step--background--disabled: rgba(255, 255, 255, 0),
-    workflow-step--color: rgba(0, 0, 0, 0.75),
-    workflow-step--color--disabled: rgba(0, 0, 0, 0.3),
-    workflow-step-icon--background: #fff,
-    workflow-step-icon-default--color: #879baa,
-    workflow-step-icon-default--color--selected: #0e777c,
-    workflow-step-icon-default--color--disabled: rgba(0, 0, 0, 0.3),
-    workflow-step-icon-done--color: #0e777c,
-    workflow-step-icon-done--color--selected: #0e777c,
-    workflow-step-icon-done--color--disabled: rgba(0, 0, 0, 0.3),
-    workflow-step-icon-success--color--disabled: rgba(0, 0, 0, 0.3),
-    workflow-step-icon-warning--color--disabled: rgba(0, 0, 0, 0.3),
-    workflow-step-icon-error--color--disabled: rgba(0, 0, 0, 0.3),
-    chart-1: #00b8a6,
-    chart-2: #007362,
-    chart-2-40: rgba(0, 115, 98, 0.4),
-    chart-3: #00aab3,
-    chart-3-40: rgba(0, 170, 179, 0.4),
-    chart-4: #00afd7,
-    chart-4-40: rgba(0, 175, 215, 0.4),
-    chart-5: #617d8c,
-    chart-5-40: rgba(97, 125, 140, 0.4),
-    chart-6: #1d86dc,
-    chart-6-40: rgba(29, 134, 220, 0.4),
-    chart-7: #2351a4,
-    chart-7-40: rgba(36, 115, 255, 0.4),
-    chart-8: #5581e7,
-    chart-8-40: rgba(85, 129, 231, 0.4),
-    chart-9: #666df4,
-    chart-9-40: rgba(102, 109, 244, 0.4),
-    chart-10: #7c40ff,
-    chart-10-40: rgba(124, 64, 255, 0.4),
-    chart-11: #a12ef3,
-    chart-11-40: rgba(161, 46, 243, 0.4),
-    chart-12: #a207bd,
-    chart-12-40: rgba(162, 7, 189, 0.4),
-    chart-13: #ca5e77,
-    chart-13-40: rgba(202, 94, 119, 0.4),
-    chart-14: #d1706f,
-    chart-14-40: rgba(209, 112, 111, 0.4),
-    chart-15: #dd886a,
-    chart-15-40: rgba(221, 136, 106, 0.4),
-    chart-16: #94947b,
-    chart-16-40: rgba(148, 148, 123, 0.4),
-    chart-17: #909700,
-    chart-17-40: rgba(144, 151, 0, 0.4),
-    chart-1-40: rgba(0, 133, 120, 0.4),
-    color-1: #fff,
-    input-hint--color: rgba(0, 0, 0, 0.6),
-);