bimplus-styles/src/less/_tokens.less

Shared style files for BIMPLUS projects

@import (once) "_allplan_theme_colors_marble";

.rgbValues(@hex) {
  @res: red(@hex), green(@hex), blue(@hex);
}

.rgb(@rgbValues) {
  @res: rgb(@rgbValues);
}

.rgba(@rgb, @opacity) {
  @res: rgba(@rgb, @opacity);
}

:root {

  // Brand Start
  --color-brand-dark: @colors-brand-allpan-1000;
  --color-brand-white: @colors-neutral-white;
  --color-main-background: @colors-neutral-white;
  --color-brand-primary: @colors-brand-allpan-primary-800;
  --color-brand-light: @colors-brand-allpan-100;
  --color-main-error: @colors-semantic-red-r-800;
  --color-main-warning: @colors-semantic-yellow-orange-yo-800;
  --color-main-info: @colors-semantic-cyan-c-500;

  // Brand End

  // Backgroud Start
  // 1. Backgroud.Default
  --color-background-body_default: @colors-neutral-grey-50;
  --color-background-body_modify: @colors-brand-allpan-10;
  --color-background-cover_popup: #2F31333F;
  --color-background-layer-1: @colors-neutral-white;
  --color-background-layer-2: @colors-neutral-grey-50;
  --color-background-layer-3: @colors-neutral-grey-200;
  --color-background-layer-4: @colors-brand-allpan-300;
  --color-background-layer-5: @colors-brand-allpan-primary-800;
  --color-background-layer-6: @colors-brand-allpan-50;
  --color-background-quickfilter: @colors-brand-allpan-900;
  --color-checkbox-backgroud-hover: @colors-brand-allpan-100;
  // 2. Backgroud.Buttons
  --color-background-button-primary-enabled: @colors-brand-allpan-primary-800;
  --color-background-button-primary-hover: @colors-brand-allpan-900;
  --color-background-button-primary-pressed: #002C70; // No token available
  --color-background-button-primary-disabled: @colors-neutral-grey-300;
  --color-button-primary-disabled: @colors-neutral-white;
  --color-background-button-secondary-enabled: @colors-neutral-white;
  --color-background-button-secondary-hover: @colors-brand-allpan-50;
  --color-background-button-secondary-pressed: @colors-brand-allpan-50;
  --color-background-button-secondary-disabled: @colors-neutral-white;
  --color-background-button-tertiary-enabled: @colors-brand-allpan-50;
  --color-background-button-tertiary-hover: @colors-brand-allpan-100;
  --color-background-button-tertiary-pressed: @colors-brand-allpan-200;
  --color-background-button-tertiary-disabled: @colors-brand-allpan-50;
  // 3. Backgroud.Chips
  --color-background-chip-open: @colors-neutral-grey-100;
  --color-background-chip-in-progress: @colors-semantic-cyan-c-100;
  --color-background-chip-on-hold: @colors-semantic-yellow-orange-yo-100;
  --color-background-chip-resolved: @colors-semantic-green-g-100;
  --color-background-chip-cancelled: @colors-semantic-red-r-100;
  // 4. Backgroud.menu
  --color-background-menu-enabled: @colors-neutral-white;
  --color-background-menu-hover: @colors-neutral-grey-50;
  --color-background-menu-pressed: @colors-neutral-grey-200;
  --color-background-menu-selected: @colors-brand-allpan-100;
  // 5. Backgroud.Sidebar
  --color-background-sidebar-allplan: @colors-neutral-black;
  --color-background-sidebar-default: @colors-neutral-grey-900;
  --color-background-sidebar-hover: @colors-neutral-grey-800;
  --color-background-sidebar-pressed: @colors-neutral-grey-700;
  // 6. Backgroud.table
  --color-background-table-header: @colors-brand-allpan-50;
  --color-background-table-row: @colors-neutral-grey-50;
  --color-background-table-row_hover: @colors-neutral-grey-200;
  --color-background-table-line: @colors-neutral-white;
  --color-background-table-sub: @colors-neutral-grey-10;
  --color-background-table-sub_hover: @colors-neutral-grey-100;
  // 7. Backgroud.Calendar
  --color-background-calender-default: @colors-neutral-white;
  --color-background-calender-selected: @colors-brand-allpan-100;
  --color-background-calender-focused: @colors-brand-allpan-600;
  --color-background-calender-weekend: @colors-neutral-grey-300;
  // 8.Background.Toaster
  --color-background-toaster-error: @colors-semantic-red-r-100;
  --color-background-toaster-warning: @colors-semantic-yellow-orange-yo-50;
  --color-background-toaster-success: @colors-semantic-green-g-50;
  --color-background-toaster-info: @colors-semantic-cyan-c-100;
  // Backgroud End

  // Border Start
  // 1.Border.Default
  --color-border-default: @colors-neutral-grey-300;
  --color-border-hover: @colors-neutral-grey-500;
  --color-border-focus: @colors-brand-allpan-primary-800;
  --color-border-error-dark: @colors-semantic-red-r-1000;
  --color-border-error-default: @colors-semantic-red-r-500;
  --color-border-warning-dark: @colors-semantic-yellow-orange-yo-1000;
  --color-border-warning-default: @colors-semantic-yellow-orange-yo-800;
  --color-border-success-dark: @colors-semantic-green-g-1000;
  --color-border-success-default: @colors-semantic-green-g-500;
  --color-border-info-dark: @colors-brand-allpan-900;
  --color-border-info-default: @colors-brand-allpan-500;
  --color-border-highlight: @colors-brand-allpan-primary-800;
  --color-border-quickfilter: @colors-brand-allpan-900;
  --color-border-button-disabled: @colors-neutral-grey-300;
  // 2.Border.Calendar
  --color-border-calender-default: @colors-neutral-white;
  --color-border-calender-selected: @colors-brand-allpan-300;
  --color-border-calender-focused: @colors-brand-allpan-600;
  // 3.Border.Input
  --color-border-input-default: @colors-neutral-grey-300;
  --color-border-input-hover: @colors-neutral-grey-500;
  --color-border-input-focus: @colors-brand-allpan-primary-800;
  --color-border-input-focus-shadow: 0px 0px 4px 0px var(--color-brand-primary);
  --color-border-input-error-dark: @colors-semantic-red-r-900;
  --color-border-input-error-default: @colors-semantic-red-r-500;
  --color-border-input-warning-dark: @colors-semantic-yellow-orange-yo-900;
  --color-border-input-warning-default: @colors-semantic-yellow-orange-yo-800;
  --color-border-input-success-dark: @colors-semantic-green-g-900;
  --color-border-input-success-default: @colors-semantic-green-g-500;
  --color-border-input-info-dark: @colors-brand-allpan-900;
  --color-border-input-info-default: @colors-brand-allpan-500;
  --color-border-input-disabled: @colors-neutral-grey-300;
  // 4.Border.Chip
  --color-border-chip-open: @colors-neutral-grey-700;
  --color-border-chip-in-progress: @colors-brand-allpan-1000;
  --color-border-chip-on-hold: @colors-semantic-yellow-orange-yo-1000;
  --color-border-chip-resolved: @colors-semantic-green-g-1000;
  --color-border-chip-cancelled: @colors-semantic-red-r-1000;
  // Border End

  // Icons Start
  --color-icon-default: @colors-neutral-grey-800;
  --color-icon-primary: @colors-brand-allpan-primary-800;
  --color-icon-on-primary: @colors-neutral-white;
  --color-icon-muted: @colors-neutral-grey-600;
  --color-icon-highlight: @colors-brand-allpan-400;
  // Icons End

  // Text Start
  // 1.Text.Default
  --color-text-body: @colors-neutral-grey-900;
  --color-text-muted: @colors-neutral-grey-600;
  --color-text-highlight-light: @colors-brand-allpan-primary-800;
  --color-text-on-primary: @colors-neutral-white;
  --color-text-hint: @colors-neutral-grey-500;
  --color-text-highlight-dark: @colors-brand-allpan-400;

  // 2.Text.Link
  --color-text-link-default: @colors-brand-allpan-primary-800;
  --color-text-link-pressed: @colors-brand-allpan-900;

  // 3.Text.feedback
  --color-text-feedback-error-default: @colors-semantic-red-r-500;
  --color-text-feedback-error-dark: @colors-semantic-red-r-1000;
  --color-text-feedback-warning-default: @colors-semantic-yellow-orange-yo-800;
  --color-text-feedback-warning-dark: @colors-semantic-yellow-orange-yo-900;
  --color-text-feedback-success-default: @colors-semantic-green-g-500;
  --color-text-feedback-success-dark: @colors-semantic-green-g-900;
  --color-text-feedback-info-default: @colors-brand-allpan-500;
  --color-text-feedback-info-dark: @colors-brand-allpan-900;
  --color-text-button-primary-disabled: @colors-neutral-grey-50;
  --color-text-button-secondary-disabled: @colors-brand-allpan-200;
  --color-text-button-tritiary-disabled: @colors-brand-allpan-200;
  // Text End

  // Logo Start
  --color-logo-dark: @colors-brand-allpan-1000;
  --color-logo-brand: @colors-brand-allpan-primary-800;
  --color-logo-light: @colors-brand-allpan-500;
  --color-logo-black: @colors-neutral-grey-800;
  // Logo End
  // Fill Start
  --color-fill-success: @colors-semantic-green-g-500;
  --color-fill-error: @colors-semantic-red-r-500;
  --color-fill-color: @colors-neutral-grey-500;
  // Fill End
  // Divider Start
  --color-line-devider: @colors-neutral-grey-400;
  // Divider End

  // Illustration Start
  --color-illustrations-color2: @colors-brand-allpan-400;
  --color-illustrations-color4: @colors-pastels-sand-100;
  --color-illustrations-color5: @colors-brand-allpan-1000;
  --color-illustrations-color6: @colors-neutral-black;
  --color-illustrations-color7: @colors-semantic-yellow-orange-yo-700;
  --color-illustrations-color8: @colors-semantic-yellow-orange-yo-900;
  --color-illustrations-color9: @colors-neutral-grey-300;
  --color-illustrations-color10: @colors-neutral-grey-100;
  --color-illustrations-color11: @colors-neutral-grey-500;
  // Illustration End

  // Spacing Start
  --spacing-base: 4px;
  --spacing-x2: 8px;
  --spacing-x3: 12px;
  --spacing-x4: 16px;
  --spacing-x5: 20px;
  --spacing-x6: 24px;
  --spacing-x7: 28px;
  --spacing-x8: 32px;
  --spacing-x9: 36px;
  --spacing-x10: 40px;
  --spacing-x15: 60px;
  --spacing-x20: 80px;
  --spacing-none: 0px;
  // Spacing End
  // Border Start
  --border-radius-minimum: 2px;
  --border-radius-base: 4px;
  --border-radius-x2: 8px;
  --border-radius-x3: 12px;
  --border-radius-x4: 16px;
  --border-radius-x5: 20px;
  --border-radius-none: 0px;
  // Border End

  // Size Start
  --size-base: 4px;
  --size-x2: 8px;
  --size-x3: 12px;
  --size-x4: 16px;
  --size-x5: 20px;
  --size-x10: 40px;
  --size-x20: 80px;
  // Size End

  --drop-shadow-default: 3px 3px 12px 0px var(--drop-shadow-default-background-color);
  --drop-shadow-input: 0px 0px 4px 0px var(--brand-blue-800);
  --spacing-card-padding: 20px;
  --input-padding: var(--spacing-x3);
  --font-family-default: arial, helvetiva, sans serif;
  --font-weight-bold: bold;
  --font-weight-regular: normal;
  --font-size-heading-1: 56px;
  --font-size-heading-2: 40px;
  --font-size-heading-3: 32px;
  --font-size-heading-4: 24px;
  --font-size-large: 20px;
  --font-size-normal: 16px;
  --font-size-medium: 14px;
  --font-size-small: 12px;
  --font-size-smaller: 11px;
  --font-size-mobile-heading-1: 36px;
  --font-size-mobile-heading-2: 28px;
  --font-size-mobile-heading-3: 24px;
  --font-size-mobile-heading-4: 20px;
  --font-size-mobile-large: 18px;
  --font-size-mobile-normal: 16px;
  --font-size-mobile-medium: 14px;
  --font-size-mobile-small: 12px;
  --font-size-mobile-smaller: 11px;

  // new tokens
  --color-project-view-link-hovered: @colors-brand-allpan-500;
  --color-brand-air: @colors-brand-allpan-50;
  --color-datepicker-background: @colors-neutral-grey-100;
  --color-datepicker-border-hover: @colors-neutral-grey-500;
  --color-datepicker-border: @colors-neutral-grey-500;
  --color-datepicker-disabled: @colors-neutral-grey-500;
  --color-datepicker: @colors-neutral-grey-500;
  --color-datepicker-container-error-background: @colors-neutral-white;
  --color-datepicker-background-disabled: @colors-neutral-white;

  --color-background-general: @colors-neutral-grey-100;
  --color-border-general: @colors-neutral-grey-100;
  --color-background-general-disabled: @colors-neutral-white;
  --color-jstree-search: @colors-semantic-red-r-1000;
  --color-jstree-search-background-focus: @colors-neutral-white;
  --color-jstree-multiselect-tree: @colors-neutral-grey-700;
  --color-jstree-colorpicker-border-disabled: @colors-neutral-grey-500;
  --color-jstree-checkbox-divider: @colors-neutral-grey-500;
  --color-jstree-anchor-clicked: @colors-brand-allpan-primary-800;
  --color-jstree-custom-buttons-draggable-background-hovered: @colors-neutral-grey-200;
  --color-jstree-body-istouch-anchor-background: @colors-neutral-grey-200;
  --color-jstree-body-istouch-li-background-hovered: @colors-neutral-grey-200;
  --color-colorpicker-trigger-border: @colors-neutral-grey-500;
  --color-colorpicker-color-border: @colors-neutral-grey-500;
  --color-colorpicker-modable-slider-border: @colors-neutral-grey-500;
  --color-colorpicker-colorpreview-border: @colors-neutral-grey-500;
  --color-colorpicker-default-opaque-chessboard-container-background: @colors-neutral-white;
  --color-widget-header: @colors-neutral-grey-700;
  --color-widget-header-background: @colors-neutral-grey-50;
  --color-pdmodal-select: @colors-neutral-white;
  --color-pdmodal-select-background: @colors-neutral-grey-700;
  --color-pdmodal-select-background-highlighted: @colors-neutral-grey-600;
  --color-pdmodal-select-disabled: @colors-neutral-grey-500;
  --color-pdmodal-checkbox-title-disabled: @colors-neutral-grey-500;
  --color-pdmodal-secondary-button-border-disabled: @colors-neutral-grey-500;
  --color-pdmodal-secondary-button-background-disabled: @colors-neutral-grey-500;
  --color-pdmodal-secondary-button-disabled: @colors-neutral-grey-500;
  --color-pdmodal-content-background: @colors-neutral-white;
  --color-modal-header-border: @colors-neutral-grey-200;
  --color-ui-slider-range-background: @colors-neutral-grey-700;
  --color-tabs-panel-title: @colors-neutral-grey-700;
  --color-structure-details-list-value: @colors-neutral-grey-700;
  --color-structure-details-pin-invisible: @colors-neutral-grey-500;
  --color-structure-details-name-border: @colors-neutral-grey-500;
  --color-structure-details-button-border-bottom: @colors-neutral-grey-500;
  --color-structure-details-pin-border: @colors-neutral-grey-400;
  --color-structure-details-list-value-background-hover-disabled: @colors-neutral-white;
  --color-structure-details-comment: @colors-neutral-grey-400;
  --color-structure-details-modified: @colors-neutral-grey-400;
  --color-structure-details-img-background: @colors-neutral-white;
  --color-structure-details-img-selobj-background: @colors-neutral-white;
  --color-structure-details-input-text-short-color-hover-enabled: @colors-neutral-black;
  --color-structure-history-input-border-hover: @colors-neutral-grey-500;

  --color-context-menu-item-disabled: @colors-neutral-grey-700;
  --color-context-menu-background: @colors-neutral-white;
  --color-context-menu-close-icon: @colors-neutral-white;
  --color-context-menu-list-background: @colors-neutral-white;
  --color-context-menu-list-border: @colors-neutral-grey-400;
  --color-context-menu-item-label: @colors-neutral-grey-700;
  --color-context-menu-item-background-hover: @colors-neutral-grey-50;
  --color-help-popup-title-background: @colors-neutral-grey-700;
  --color-help-popup-title: @colors-neutral-white;
  --color-help-popup-close-button: @colors-neutral-white;
  --color-popup-dialog-modal-subbody-row-disabled: @colors-neutral-grey-500;
  --color-popup-dialog-textarea-border: @colors-neutral-grey-500;
  --color-popup-dialog-textarea-border-hover: @colors-neutral-grey-500;
  --color-popup-dialog-textarea-background-hover: @colors-neutral-grey-50;
  --color-popup-dialog-textarea-disabled: @colors-neutral-grey-500;
  --color-popup-dialog-textinput-disabled: @colors-neutral-grey-500;
  --color-popup-dialog-textinput-border: @colors-neutral-grey-500;
  --color-popup-dialog-text-input-wrapper-disabled: @colors-neutral-grey-500;
  --color-popup-dialog-bkg: @colors-neutral-white;
  --color-popup-dialog-title: @colors-neutral-white;
  --color-popup-menu-content-background: @colors-neutral-white;

  --color-popupwin-item-color-disabled: @colors-neutral-grey-500;
  --color-popupwin-item-color-disabled-hover: @colors-neutral-grey-500;
  --color-clashdetection-activate-footer: @colors-neutral-grey-700;
  --color-clashdetection-newclashset-header: @colors-neutral-grey-700;
  --color-clashdetection-tolerance-border: @colors-neutral-grey-500;
  --color-clashdetection-tolerance-input-border-hover: @colors-neutral-grey-500;
  --color-clashdetection-description-tolerance-border: @colors-neutral-grey-500;
  --color-clashdetection-button: @colors-neutral-white;
  --color-revisions-title-background: @colors-neutral-grey-700;
  --color-revisions-popupwin-content-background: @colors-neutral-white;
  --color-revisions-title: @colors-neutral-white;
  --color-revisions-popupwin-close-button: @colors-neutral-white;
  --color-top-menu-toolbar-user: @colors-neutral-grey-700;
  --color-top-menu-toolbar-company: @colors-neutral-grey-700;
  --color-power-select-multiple-remove-btn: @colors-neutral-grey-700;
  --color-power-select-multiple-options-btn: @colors-neutral-grey-600;
  --color-power-select-multiple-options-background: @colors-neutral-white;
  --color-power-select-trigger: @colors-neutral-grey-500;
  --color-power-select-trigger-disabled: @colors-neutral-grey-500;
  --color-power-select-trigger-hover: @colors-neutral-grey-500;
  --color-power-select-trigger-border-hover: @colors-neutral-grey-500;
  --color-power-select-trigger-status-border: @colors-neutral-grey-500;
  --color-power-select-trigger-border: @colors-neutral-grey-500;
  --color-power-select-placeholder: @colors-neutral-grey-500;
  --color-power-select-status-border: @colors-neutral-grey-500;
  --color-power-select-search-border: @colors-brand-allpan-primary-800;
  --color-combobox-objectproperty-disabled-power-select-triger-background: @colors-neutral-grey-100;
  --color-input-webkit-autofill: @colors-neutral-grey-700;
  --color-forms-input-webkit-autofill: @colors-neutral-white;
  --color-ui-text-1: @colors-neutral-grey-700;
  --color-dark-gray: @colors-neutral-grey-700;
  --color-midle-gray: @colors-neutral-grey-600;
  --color-pdmodal-select-dropdown: @colors-neutral-grey-600;
  --color-center-menu-border: @colors-neutral-grey-600;
  --color-center-menu-submenu-border: @colors-neutral-grey-500;
  --color-center-menu-background: @colors-neutral-white;
  --color-center-menu-active-color-hovered: @colors-brand-allpan-primary-800;
  --color-text-main-menu-app-item-enabled: @colors-neutral-black;
  --color-obj-prop-view-list: @colors-neutral-grey-600;
  --color-obj-prop-table-value-border: @colors-neutral-grey-500;
  --color-table-text-search: @colors-neutral-grey-600;
  --color-table-row-selected-border-color: @colors-neutral-grey-400;
  --color-table-toolbar-text-search-border-color: @colors-neutral-grey-400;
  --color-table-toolbar-text-search-background-color: @colors-neutral-white;
  --color-table-container-text-search-border-color: @colors-neutral-grey-400;
  --color-table-columns-selection-border-color: @colors-neutral-grey-400;
  --color-table-portal-border-color: @colors-neutral-grey-400;
  --color-table-portal-border: @colors-neutral-grey-400;
  --color-table-portal-toolbar-border-color: @colors-neutral-grey-400;
  --color-table-portal-border-two: @colors-neutral-grey-300;
  --color-table-portal-border-three: @colors-brand-allpan-primary-800;
  --color-table-portal-background: @colors-neutral-grey-500;
  --color-table-portal-background-two: @colors-neutral-grey-50;
  --color-table-portal-toolbar-border: @colors-neutral-grey-400;
  --color-table-portal: @colors-neutral-black;
  --color-table-portal-two: @colors-neutral-white;
  --color-table-portal-three: @colors-neutral-grey-400;
  --color-table-portal-four: @colors-neutral-grey-700;
  --color-table-stripe-dark: @colors-neutral-grey-400;


  --color-sidemenu-background: @colors-neutral-grey-600;
  --color-sidemenu-navigation-background: @colors-neutral-grey-50;
  --color-sidemenu-navigation-row-a: @colors-neutral-black;
  --color-sidemenu-navigation-row-a-active: @colors-brand-allpan-100;
  --color-sidemenu-navigation-parent-row-disabled: @colors-neutral-grey-400;
  --color-sidemenu-navigation-parent-container-hovered: @colors-brand-allpan-100;
  --color-sidemenu-navigation-parent-row-hovered: @colors-brand-allpan-100;
  --color-sidemenu-navigation-projectinfo-thumbnail-projectname-container-background: var(--color-neutral-white-transparency90);
  --color-form-control-placeholder: @colors-neutral-grey-600;
  --color-form-help-block: @colors-neutral-grey-600;
  --color-form-control: @colors-neutral-grey-700;
  --color-form-control-border: @colors-neutral-grey-600;
  --color-components-form-control: @colors-neutral-grey-200;
  --color-components-form-control-text-field-description: @colors-neutral-grey-200;
  --color-components-form-control-text-field-control: @colors-neutral-grey-200;
  --color-components-form-control-border: @colors-neutral-white;
  --color-components-form-control-white-background: @colors-neutral-white;
  --color-components-form-control-text-underline-link-border: @colors-neutral-white;
  --color-components-form-control-white-border: @colors-neutral-black;
  --color-components-form-control-white: @colors-neutral-black;
  --color-components-form-control-white-border-disabled: @colors-neutral-black;
  --color-login-button-error-background: @colors-neutral-grey-600;
  --color-modable-slider-background: @colors-neutral-grey-600;
  --color-project-list-text: @colors-neutral-grey-600;
  --color-project-list-border: @colors-neutral-grey-200;
  --color-project-list-font: @colors-neutral-grey-700;
  --color-embedded-modal-shadow: @colors-neutral-grey-600;
  --color-embbedded-table-border: @colors-neutral-grey-500;
  --color-embedded-table-sorted-arrow: @colors-neutral-grey-500;
  --color-embbedded-table-head-background: @colors-neutral-grey-200;
  --color-embedded-table-tbody-tr-nth-of-type: @colors-neutral-grey-100;
  --color-browser-banner-warning-shadow: @colors-neutral-grey-600;
  --color-form-control-placeholder-disabled: @colors-neutral-grey-500;
  --color-app-footer-wormhole-destination-border: @colors-neutral-grey-500;
  --color-comments-list-item-date: @colors-neutral-grey-500;
  --color-comments-list-item-container-background: @colors-neutral-grey-200;

  --color-background-table-portal-header: @colors-neutral-grey-500;
  --color-table-row-border-color: @colors-neutral-grey-500;
  --color-overlay-progress-step-background: @colors-neutral-grey-500;
  --color-overlay-progress-arrow: @colors-neutral-grey-500;
  --color-new-overlay-cover-background: @colors-neutral-grey-500;
  --color-overlay-message: @colors-neutral-white;
  --color-middle-light-gray: @colors-neutral-grey-500;
  --color-issue-details-select-border: @colors-neutral-grey-500;
  --color-issue-details-bulk-set: @colors-neutral-grey-500;
  --color-issue-details-img-selobj-background: @colors-neutral-white;
  --color-issue-details-view-select-background: @colors-neutral-white;
  --color-issue-emailcc-dropdown-background: @colors-neutral-grey-100;
  --color-drofus-settings-list-value-input-disabled: @colors-neutral-grey-500;
  --color-drofus-settings-list-value-input-background-disabled: @colors-neutral-white;
  --color-file-view-border: @colors-neutral-grey-500;
  --color-navigation-map-floating-panel-border: @colors-neutral-grey-500;
  --color-reports-container-date: @colors-neutral-grey-500;
  --color-reports-container-task-report-border: @colors-neutral-grey-500;
  --color-floating-panel-border: @colors-neutral-grey-500;
  --color-render-info: @colors-neutral-grey-500;
  --color-qto-table-resize-handler-border: @colors-neutral-grey-500;
  --color-qto-table-resize-handler-background: @colors-neutral-grey-100;
  --app-footer-wormhole-destination-border-color: @colors-neutral-grey-500;
  --color-slideshow-slide-name-edit-border: @colors-neutral-grey-500;
  --color-slideshow-slide-name-edit-border-hover: @colors-neutral-grey-500;
  --color-slideshow-slide-name-edit-background-focus: @colors-brand-allpan-50;
  --color-slideshow-hr-background: @colors-neutral-grey-200;
  --color-slide-list-item-image-background: @colors-neutral-grey-200;
  --color-control-color-disabled: @colors-neutral-grey-500;
  --color-control-normal-background: @colors-neutral-white;
  --color-projectinfo-grid-column-background: @colors-neutral-grey-500;
  --color-projectinfo-grid-toolbar-background: @colors-neutral-grey-200;
  --color-projectinfo-grid-column-resizer-background: @colors-neutral-white;
  --color-projectinfo-grid-content-nth-child-background: @colors-neutral-white;
  --color-kpi-chart-settings-border: @colors-neutral-grey-400;
  --color-left-menu-content-border: @colors-neutral-grey-400;
  --color-right-menu-content-border: @colors-neutral-grey-400;
  --color-details-object-list-border: @colors-neutral-grey-400;
  --color-drofus-settings-list-value-input-border-disabled: @colors-neutral-grey-400;
  --color-underline-switcher-item-highlight-hover: @colors-neutral-grey-400;
  --color-underline-switcher-highlight-background: @colors-neutral-grey-200;
  --color-underline-switcher-item-highlight-hover-disabled: @colors-neutral-grey-100;
  --color-sidebar-divider-border: @colors-neutral-grey-400;
  --color-sidebar-item-name-disabled: @colors-neutral-grey-400;
  --color-object-scenes-tiles-divider-background: @colors-neutral-grey-200;
  --color-object-scenes-tiles-divider-border: @colors-neutral-grey-200;
  --color-portal-modal-select: @colors-neutral-grey-700;
  --color-portal-modal-select-disabled: @colors-neutral-grey-200;
  --color-portal-modal-header-border: @colors-neutral-grey-200;
  --color-portal-modal-content-header: @colors-neutral-white;
  --color-portal-modal-content-header-background: @colors-neutral-grey-700;
  --color-portal-modal-content-header-h1: @colors-neutral-white;
  --color-portal-modal-content-row-disabled: @colors-neutral-grey-100;
  --color-portal-modal-power-select-trigger: @colors-neutral-grey-700;
  --color-portal-modal-power-select-trigger-disabled: @colors-neutral-grey-400;
  --color-portal-modal-power-select-trigger-border-hovered: @colors-neutral-grey-100;
  --color-portal-modal-power-select-trigger-background-hovered: @colors-neutral-grey-10;
  --color-portal-modal-power-select-trigger-border-disabled: @colors-neutral-grey-50;
  --color-portal-modal-power-select-trigger-background-disabled: @colors-neutral-white;
  --color-portal-modal-power-select-status-icon-border: @colors-neutral-grey-400;
  --color-portal-modal-power-select-placeholder: @colors-neutral-grey-400;

  --color-portal-modal-close-button: @colors-neutral-white;
  --color-overlay-set-items-background: @colors-neutral-grey-200;
  --color-project-details-bottom-buttons-background: @colors-neutral-grey-200;
  --color-four-oh-four-pill-btn--color: @colors-neutral-grey-100;
  --color-ui-background-2: @colors-neutral-grey-100;
  --color-pd-project-progress-background: @colors-neutral-grey-100;
  --color-pd-project-progress-background-two: @colors-neutral-white;
  --color-pd-project-anchor-button: @colors-neutral-white;
  --color-pd-project-edit-button: @colors-neutral-white;
  --color-alternate-row-background: @colors-neutral-grey-100;
  --color-control-background-hover: @colors-neutral-grey-100;
  --color-table-settings-stripe-background: @colors-neutral-grey-100;
  --color-radio-button-group-border: @colors-neutral-white;
  --color-radio-button-group-background: @colors-neutral-white;
  --color-radio-button-group-input-color-disabled: @colors-neutral-grey-500;
  --color-header-global-warning: @colors-neutral-white;
  --color-header-global-warning-anchor: @colors-neutral-white;
  --color-header-global-warning-background: @colors-neutral-white;
  --color-project-menu-background: @colors-neutral-grey-50;
  --color-progress-circle-background: @colors-neutral-white;
  --color-progress-circle-loader-background: @colors-neutral-white;
  --color-project-table-content-background: @colors-neutral-white;
  --color-project-table-content-select: @colors-neutral-black;
  --color-project-files-table-content-background: @colors-neutral-white;
  --color-project-filter-content-border: @colors-neutral-grey-300;
  --color-project-filter-content-background: @colors-neutral-white;
  --color-workflow-background-seven: @colors-semantic-yellow-orange-yo-800;
  --color-table-portal-background-one: @colors-semantic-green-g-700;
  --color-propertymanager-jstree-content-search: @colors-semantic-red-r-900;
  --color-propertymanager-loading-background: .rgba(.rgbValues(@colors-neutral-black)[@res],0.5)[@res];
  --color-propertymanager-loading-message: @colors-neutral-white;
  --color-propertymanager-content-background: @colors-neutral-white;
  --color-propertymanager-object-tree-content-background: @colors-neutral-white;
  --color-propertymanager-object-tree-scrollable-border: @colors-neutral-grey-300;
  --color-propertymanager-sets-loading-background: .rgba(.rgbValues(@colors-neutral-black)[@res],0.5)[@res];
  --color-propertymanager-sets-loading-message: @colors-neutral-white;
  --color-propertymanager-sets-content-background: @colors-neutral-white;
  --color-propertymanager-sets-content-scrollable-border: @colors-neutral-grey-300;
  --color-sg-checkbox: @colors-neutral-grey-700;
  --color-propertymanager-sets-sg-checkbox: @colors-neutral-grey-700;
  --color-propertymanager-structure-select-border: @colors-neutral-grey-300;
  --color-workflow-background-eight: @colors-semantic-cyan-c-700;
  --color-fast-scroll-box-shadow: .rgba(.rgbValues(@colors-neutral-black)[@res],0.5)[@res];
  --color-header-global-warning-top-menu-webkit-box-shadow: .rgba(.rgbValues(@colors-neutral-black)[@res],0.25)[@res];
  --color-header-global-warning-top-menu-moz-box-shadow: .rgba(.rgbValues(@colors-neutral-black)[@res],0.25)[@res];
  --color-header-global-warning-top-menu-box-shadow: .rgba(.rgbValues(@colors-neutral-black)[@res],0.25)[@res];
  --color-table-loader-fountain-background: @colors-neutral-white;
  --color-object-props-table-value-textfield-background: @colors-neutral-white;
  --color-object-props-subheader-background: @colors-neutral-white;
  --color-progress-bar: @colors-neutral-white;
  --color-status-bar: @colors-neutral-white;
  --color-browser-warning-info-background: @colors-neutral-white;
  --color-modal-dialog-content-background: @colors-neutral-white;
  --color-modal-dialog-content-button-border: @colors-semantic-red-r-800;
  --color-card-box-shadow-title: @colors-neutral-white;
  --color-card-box-shadow-subheading: @colors-neutral-white;
  --color-card-box-shadow-row: @colors-neutral-white;
  --color-card-box-shadow-message: @colors-neutral-white;
  --color-card-box-shadow-advanced: @colors-neutral-white;
  --color-card-box-shadow-anchor: @colors-neutral-white;
  --color-sg-checkbox-span: @colors-neutral-white;
  --color-new-overlay-finished-background: @colors-semantic-green-g-800;
  --color-table-transparent: @colors-neutral-grey-700;
  --color-spinner-wheel-border: @colors-semantic-red-r-600;
  --color-modelviewer-open-file-footer: @colors-neutral-grey-700;
  --color-file-view-canvas-background: @colors-neutral-grey-400;
  --color-file-view-canvas-background-dark: @colors-neutral-grey-600;
  --color-table-scrollable-background: @colors-neutral-grey-100; //#F1F1F1;
  --color-table-header-row-cell-background: @colors-neutral-white;
  --color-project-team-selector-thumbnail-fade-background: @colors-neutral-grey-700;
  --color-alert-danger-simple: @colors-auxilliary-bright-red; // #FF1B1B;
  --color-renderer-viewport-background: @colors-neutral-grey-400;
  --color-breadcrumbs-dropdown-hover-background: @colors-neutral-grey-100;
  --color-notify-modal-server-warning-background: @colors-neutral-grey-700;
  --color-notify-modal-checkbox-span-border: @colors-neutral-grey-700;
  --color-notify-modal-checkbox-span: @colors-neutral-white;
  --color-notify-modal-input-checked-border: @colors-semantic-cyan-c-800;
  --color-dashboard-tile-bottom-bar-background-hover: @colors-neutral-grey-100;
  --color-dashboard-tile-top-bar-background: @colors-neutral-grey-500;
  --color-filter-panel-actions-border: @colors-neutral-grey-200;
  --color-folder-access-rights-list-member-groups: @colors-neutral-grey-600;
  --color-folder-access-rights-member-rights-background: @colors-neutral-grey-200;
  --color-generic-view-tiles-content-background: @colors-neutral-white;
  --color-generic-view-tiles-search-background: @colors-neutral-grey-200;
  --color-generic-view-tiles-search-border: @colors-neutral-grey-200;
  --color-dropdown-content-border: @colors-neutral-grey-500;
  --color-dropdown-item-border: @colors-neutral-grey-300;
  --color-dropdown-item: @colors-neutral-white;
  --color-dropdown-item-icon-flag-border: @colors-neutral-grey-700;
  --color-dropdown-item-title-disabled: @colors-neutral-grey-500;
  --color-objects-container-properties-content-background: @colors-neutral-grey-700;
  --color-password-show-icon-active: @colors-neutral-black;
  --color-portal-modal-btn-default-border: @colors-neutral-grey-500;
  --color-portal-modal-select-background: @colors-neutral-white;
  --color-project-members-table-content-background: @colors-neutral-white;
  --color-project-table-toolbar: @colors-neutral-grey-500;
  --color-project-table-body-background-hovered: @colors-brand-allpan-100;
  --color-project-table-body-selected-background-hovered: @colors-brand-allpan-100;
  --color-project-view-map-content-background: @colors-neutral-white;
  --color-project-view-map-content-toolbar: @colors-neutral-black;

  --color-objects-container-center-panel-loading-overlay-background: .rgba(.rgbValues(@colors-neutral-black)[@res],0.5)[@res];
  --color-content-sidebar-background: @colors-neutral-white;
  --color-custom-filter-attribute-name: @colors-neutral-grey-500;
  --color-custom-filter-selected-attributes-empty: @colors-neutral-grey-400;
  --custom-filter-attributes-picker-border-color: @colors-neutral-grey-200;
  --color-tab-icon-gray-background: @colors-neutral-grey-300;
  --color-tab-icon-white-background: @colors-neutral-white;
  --color-tabs-panel-content-background: @colors-neutral-grey-50;
  --color-tabs-panel-content-span: @colors-neutral-grey-700;
  --color-tabs-panel-control-background: @colors-neutral-grey-50;
  --color-tabs-panel-collapsed-background: @colors-neutral-grey-50;
  --color-tabs-panel-collapsed-navigation-background: @colors-neutral-grey-700;
  --color-tabs-panel-navigation-border: @colors-neutral-grey-700;
  --color-tabs-panel-navigation-background: @colors-neutral-grey-50;
  --color-tabs-panel-grouping-icon-backround: @colors-neutral-grey-50;
  --color-tab-content-background: @colors-neutral-white;
  --color-tab-content-title-border: @colors-neutral-grey-700;
  --color-tab-content-button: @colors-neutral-grey-700;
  --color-tab-content-button-background: @colors-neutral-white;
  --color-tab-content-cell-infoicon-background: @colors-neutral-white;
  --color-tasks-overview-dot-open-background: @colors-semantic-red-r-800;
  --color-tasks-overview-dot-open65-background: .rgba(.rgbValues(@colors-semantic-red-r-800)[@res],0.65)[@res];
  --color-tasks-overview-dot-open5-background: .rgba(.rgbValues(@colors-semantic-red-r-800)[@res],0.5)[@res];
  --color-tasks-overview-dot-open-custom-background: @colors-semantic-red-r-100;
  --color-tasks-overview-dot-background-disabled: @colors-neutral-grey-300;
  --color-tasks-overview-dot-solved-background: @colors-semantic-green-g-800;
  --color-tasks-overview-dot-solved65-background: .rgba(.rgbValues(@colors-semantic-green-g-800)[@res],0.65)[@res];
  --color-tasks-overview-dot-solved55-background: .rgba(.rgbValues(@colors-semantic-green-g-800)[@res],0.55)[@res];
  --color-tasks-overview-dot-solved-custom-background: @colors-semantic-green-g-200;
  --color-tasks-overview-dot-closed-background: @colors-semantic-cyan-c-800;
  --color-tasks-overview-dot-background-undefined: @colors-neutral-grey-500;

  --color-upload-image: @colors-neutral-white;
  --color-upload-image-background: @colors-semantic-cyan-c-600;
  --color-upload-image-text-shadow: @colors-semantic-cyan-c-700;
  --color-upload-image-border: @colors-semantic-cyan-c-800;
  --color-dashboard-application-buttons-days-left: @colors-brand-allpan-primary-800;
  --color-dashboard-info-box-background: @colors-neutral-grey-100;
  --color-dashboard-detail-box-subtitle: @colors-brand-allpan-primary-800;
  --color-dashboard-documentation-title-underline: @colors-neutral-grey-100;
  --color-dashboard-message-item-background: @colors-neutral-white;
  --color-dashboard-message-title: @colors-neutral-grey-700;
  --color-dashboard-message-content: @colors-neutral-white;
  --color-dashboard-message-messagelink: @colors-neutral-white;
  --color-dashboard-message-messagelink-hover-focus: @colors-neutral-white;
  --color-link-inline: @colors-brand-allpan-primary-800;
  --color-darkmode-leaflet-container-background: @colors-neutral-grey-100;
  --color-dashboard-application-buttons-link-button: @colors-brand-allpan-primary-800;
  --color-dashboard-application-buttons-link-buttontext-decoration: @colors-brand-allpan-primary-800;
  --color-dashboard-application-container-multiarticle-body: @colors-neutral-grey-700;
  --color-dashboard-application-container-article-breadcrumbs: @colors-neutral-grey-700;
  --color-dashboard-application-container-nobullets: @colors-neutral-grey-100;
  --color-dashboard-application-container-promo-msg: @colors-brand-allpan-primary-800;
  --color-dashboard-cover-bottom-background-linear-gradient-one: .rgba(.rgbValues(@colors-neutral-grey-100)[@res],0)[@res];
  --color-dashboard-cover-bottom-background-linear-gradient-two: @colors-neutral-grey-100;
  --color-dashboard-textpanel-subtitle: @colors-neutral-grey-500;
  --color-files-modal-with-separator-border: @colors-neutral-grey-500;
  --color-footer-border: @colors-neutral-grey-500;
  --color-footer-body-background: @colors-neutral-white;
  --color-footer-list-item: @colors-neutral-black;
  --color-portal-project-tab-toolbar-btn-default: @colors-neutral-grey-500;
  --color-portal-project-tab-toolbar-btn-group: @colors-neutral-grey-500;
  --color-table-portal-toolbar: @colors-neutral-grey-500;
  --color-table-portal-table-footer-btn-group-button: @colors-neutral-grey-500;
  --color-table-portal-table-footer-btn-group: @colors-neutral-grey-300;
  --color-project-settings-title-main: @colors-neutral-grey-700;
  --color-project-settings-property-message: @colors-neutral-grey-700;
  --color-project-settings-property-input-border: @colors-neutral-grey-300;
  --color-project-settings-property-input-background: @colors-neutral-white;
  --color-project-settings-property-datepicker-container-border-hover: @colors-neutral-grey-500;
  --color-shareddocuments-modal-file-list-row-odd-color: @colors-neutral-grey-700;
  --color-shareddocuments-modal-file-list-row-even-color: @colors-neutral-white;
  --color-tabs-pd-project-btn-border: @colors-neutral-grey-500;
  --tabs-pd-project-btn-group-color: @colors-neutral-grey-500;
  --color-tabs-pd-project-btn-group-border: @colors-neutral-grey-500;
  --color-pd-project-tabs-li-background: @colors-neutral-grey-500;
  --color-pd-project-tabs-li-a-background: @colors-neutral-grey-100;
  --color-upload-dlg-vertical-line-separator-background: @colors-neutral-grey-500;
  --color-touch-upload-dlg-has-error-border: @colors-semantic-red-r-800;
  --color-progress-circle-span: @colors-brand-allpan-900;
  --color-value-bar-border: @colors-brand-allpan-900;
  --color-progress-circle-over50-first50-bar-background: @colors-brand-allpan-900;
  --color-upload-dlg-loader-background: @colors-brand-allpan-900;
  --color-upload-dlg-loader-second-background: @colors-neutral-white;
  --color-portal-properties-table-combo-color-disabled: @colors-neutral-grey-400;
  --color-portal-properties-table-combo-border-color-disabled: @colors-neutral-grey-400;
  --color-portal-properties-content-background: @colors-neutral-white;
  --color-portal-content-buttons-background: @colors-neutral-grey-100;
  --color-portal-properties-string-select-color-disabled: @colors-neutral-grey-100;
  --color-upload-dlg-upload-model-name-border: @colors-neutral-grey-500;
  --color-upload-color-dlg-upload-model-name-background: @colors-neutral-white;
  --color-upload-dlg-transparent-background: @colors-neutral-black;
  --color-user-expiration-background: @colors-neutral-white;
  --color-user-expiration-header-background: @colors-brand-allpan-primary-800;
  --color-user-expiration-body: @colors-neutral-black;
  --color-four-oh-four-message: @colors-neutral-white;
  --color-four-oh-four-background: @colors-semantic-cyan-c-500;
  --color-card-border: @colors-neutral-grey-300;
  --color-login-description-text: @colors-neutral-black;
  --color-card: @colors-neutral-grey-700;
  --color-form-group: @colors-neutral-grey-500;
  --color-form-group-two: @colors-neutral-grey-700;
  --color-ember-power: @colors-neutral-grey-700;
  --color-ember-power-two: @colors-neutral-grey-400;
  --color-form-control-background: @colors-neutral-white;
  --color-form-control-border-two: @colors-neutral-grey-300;
  --color-project-view-table-content-background: @colors-neutral-white;
  --color-project-view-table-tbody-recycle-bin: @colors-neutral-grey-500;
  --color-email-text: @colors-neutral-grey-500;
  --color-primary-button-text-two: @colors-neutral-white;
  --color-background-button-primary-two-disabled: @colors-neutral-grey-400;
  --color-download-attachment-a-border-bottom: @colors-neutral-grey-700;
  --color-pm-tabs: @colors-neutral-grey-100;
  --color-pm-content-background: @colors-neutral-white;
  --color-pm-content-background-two: @colors-neutral-grey-500;
  --color-pm-content-border: @colors-neutral-grey-300;
  --color-pm-content-border-two: @colors-neutral-black;
  --color-project-image: @colors-neutral-grey-700;
  --color-project-image-border: @colors-neutral-grey-700;
  --color-select-background: @colors-neutral-grey-700;
  --color-select-border: @colors-neutral-grey-400;
  --color-select: @colors-neutral-white;
  --color-select-two: @colors-neutral-grey-500;
  --color-termofuse: @colors-neutral-black;
  --color-termofuse-background: @colors-neutral-white;
  --color-termofuse-border: @colors-neutral-grey-400;
  --color-user-background: @colors-neutral-white;
  --color-workflow-border: @colors-neutral-grey-400;
  --color-workflow-border-two: @colors-neutral-grey-50;
  --color-workflow-border-three: @colors-neutral-grey-700;
  --color-workflow: @colors-neutral-grey-700;
  --color-workflow-two: @colors-neutral-white;
  --color-workflow-background: @colors-neutral-white;
  --color-workflow-background-two: @colors-neutral-grey-50;
  --color-workflow-background-three: @colors-brand-allpan-10;
  --color-workflow-background-four: @colors-neutral-grey-400;
  --color-workflow-disabled: @colors-neutral-grey-400;
  --color-workflow-background-five: @colors-semantic-green-g-700;
  --color-workflow-background-six: @colors-semantic-red-r-500;
  --color-table-pagination: @colors-brand-allpan-primary-800;
  --color-table-tables-container: @colors-neutral-grey-500;
  --color-table-tables-container-two: @colors-neutral-grey-700;
  --color-table-tables-container-three: @colors-neutral-grey-100;
  --color-pagination-wrapper: @colors-neutral-grey-700;
  --color-table-embedded: @colors-neutral-black;
  --color-table-embedded-background: @colors-neutral-white;
  --color-table-loader-background: @colors-neutral-black;
  --color-search-bar-border: @colors-neutral-grey-500;
  --color-search-bar-background-hovered: @colors-neutral-grey-50;
  --color-search-bar-color-hovered: @colors-neutral-grey-700;
  --color-search-bar-button-background: @colors-neutral-white;
  --color-search-bar-button-glyphicon: @colors-neutral-grey-500;
  --color-search-bar-button-glyphicon-focused: @colors-neutral-grey-700;
  --color-uni-search-bar-border: @colors-neutral-grey-500;
  --color-uni-search-bar-background: @colors-neutral-white;
  --color-uni-search-bar-background-hovered: @colors-neutral-grey-50;
  --color-uni-search-bar-color-hovered: @colors-neutral-grey-700;
  --color-uni-search-bar-input-background-hovered: @colors-neutral-grey-50;
  --color-uni-search-bar-glyphicon-hovered: @colors-neutral-grey-500;
  --color-uni-search-bar-clear-icon-background-hovered: @colors-neutral-grey-50;
  --color-uni-search-bar-background-focused: @colors-neutral-white;
  --color-uni-search-bar-color-focused: @colors-neutral-grey-700;
  --color-uni-search-bar-border-focused: @colors-brand-allpan-primary-800;
  --color-uni-search-bar-input-background-focused: @colors-neutral-white;
  --color-uni-search-bar-glyphicon-focused: @colors-neutral-grey-700;
  --color-uni-search-bar-typing: @colors-neutral-grey-700;
  --color-select-grouping-button-sort-menu-opened-background: @colors-neutral-grey-100;
  --color-select-grouping-list-background: @colors-neutral-grey-50;
  --color-select-grouping-box-shadow: .rgba(.rgbValues(@colors-neutral-black)[@res],0.5)[@res];
  --color-sizes-overview-separator-background: @colors-neutral-grey-400;
  --color-sizes-overview-dot: @colors-semantic-cyan-c-800;
  --color-background-status-message: @colors-neutral-black;
  --color-status-message-close-button: @colors-neutral-white;

  --color-custom-filter-selected-attributes-sortable-background: .rgba(.rgbValues(@colors-neutral-grey-500)[@res],0.1)[@res];
  --color-clashdetection-empty-line-image-background: .rgba(.rgbValues(@colors-neutral-black)[@res],0.5)[@res];
  --colors-neutral-grey-700-transparency1: .rgba(.rgbValues(@colors-neutral-grey-700)[@res],0.2)[@res];
  --color-project-team-selector-thumbnail-fade-background2: .rgba(.rgbValues(@colors-neutral-grey-700)[@res],0.2)[@res];
  --color-project-team-selector-thumbnail-fade-background8: .rgba(.rgbValues(@colors-neutral-grey-700)[@res],0.8)[@res];
  --color-left-menu-content-sidebar-topmenu-background: .rgba(.rgbValues(@colors-neutral-grey-100)[@res], 0.8)[@res];
  --color-spinner-container-background: .rgba(.rgbValues(@colors-neutral-black)[@res],0.3)[@res];

  --color-debug-background: .rgba(.rgbValues(@colors-neutral-black)[@res],1.0)[@res];
  --color-jstree-selection-undetermined: .rgba(.rgbValues(@colors-brand-allpan-primary-800)[@res],0.549)[@res];
  --color-portal-navbar-box-shadow: .rgba(.rgbValues(@colors-neutral-black)[@res],0.26)[@res];
  --color-portal-navbar: @colors-neutral-black;
  --color-tile-item-box-background: @colors-neutral-white;
  --color-tile-item-box-share-background: @colors-neutral-white;
  --color-tile-item-box-lock-background: @colors-neutral-white;
  --color-tile-item-box-lock-name-background: @colors-neutral-white;
  --color-tile-item-box-recycle-bin: @colors-neutral-grey-500;
  --color-tile-item-box-body-background: @colors-brand-allpan-100;
  --color-toaster-box-shadow: .rgba(.rgbValues(@colors-neutral-black)[@res],0.5)[@res];
  --color-background-toaster-message: @colors-neutral-white;
  --color-background-toaster-message-info: @colors-semantic-cyan-c-600;
  --color-background-toaster-message-warning: @colors-semantic-red-r-50;
  --color-border-toaster-message-warning: @colors-semantic-red-r-100;
  --color-tree-control-background: @colors-neutral-grey-100;
  --color-tree-control-border: @colors-neutral-black;
  --color-tree-control-sortable-placeholder-background: @colors-neutral-grey-100;
  --color-tree-control-container: @colors-neutral-black;
  --color-tree-control-node-container-border: @colors-neutral-grey-100;
  --color-tree-control-node-container-even-background: @colors-neutral-grey-50;
  --color-tree-control-node-container-odd-background: @colors-neutral-white;
  --color-tree-control-node-container-color-hovered: @colors-brand-allpan-900;
  --color-tree-control-node-drag-over-background: @colors-semantic-cyan-c-100;
  --color-tree-control-node-drag-over-background-forbidden: @colors-semantic-red-r-200;
  --color-tree-control-node-selected: @colors-neutral-black;
  --color-tree-control-objecttype-node-background: @colors-semantic-cyan-c-300;
  --color-tree-control-drop-after-background: @colors-semantic-cyan-c-100;
  --color-tree-control-drop-after-forbidden-background: @colors-semantic-red-r-200;
  --color-ember-power-select-border: @colors-neutral-grey-300;
  --color-ember-power-select-placeholder: @colors-neutral-grey-700;
  --color-ember-power-select-highlighted-background: @colors-neutral-grey-50;
  --color-ember-power-select-highlighted: @colors-neutral-grey-700;
  --color-ember-power-select-selected-background: @colors-neutral-white;
  --color-ember-power-select-trigger-icon: @colors-neutral-grey-700;
  --color-ember-power-background: @colors-neutral-grey-50;
  --color-ember-power-two-background: @colors-neutral-white;
  --color-ember-power-three-background: @colors-neutral-grey-100;
  --color-ember-power-four-background: @colors-brand-allpan-10;
  --color-ember-power-border: @colors-neutral-grey-300;
  --color-ember-power-border-two: @colors-neutral-grey-500;
  --color-ember-power-border-three: @colors-neutral-grey-700;
  --color-forms: @colors-neutral-grey-700;
  --color-forms-box-shadow: @colors-neutral-white;
  --color-forms-box-shadow-two: @colors-neutral-grey-50;
  --color-forms-box-shadow-three: @colors-brand-allpan-100;
  --color-form-border: @colors-neutral-grey-500;
  --color-app-background: @colors-neutral-white;
  --color-app-border: @colors-neutral-white;
  --color-app-box-shadow: @colors-neutral-grey-500;
  --color-app: @colors-neutral-grey-500;
  --color-app-background-two: @colors-neutral-grey-50;
  --color-app-two: @colors-neutral-grey-700;
  --color-ap