| /* |
| * Copyright (c) 2010-2021 BSI Business Systems Integration AG. |
| * All rights reserved. This program and the accompanying materials |
| * are made available under the terms of the Eclipse Public License v1.0 |
| * which accompanies this distribution, and is available at |
| * http://www.eclipse.org/legal/epl-v10.html |
| * |
| * Contributors: |
| * BSI Business Systems Integration AG - initial API and implementation |
| */ |
| /* -------------------------------- */ |
| /* Scout default theme */ |
| /* extends: - */ |
| /* affects: Scout OSS */ |
| /* -------------------------------- */ |
| |
| /* -------------------------------- */ |
| /* Color palette */ |
| /* -------------------------------- */ |
| |
| @palette-black: #000; |
| @palette-white: #fff; |
| |
| @palette-red-0: #FEE0E0; |
| @palette-red-1: #FECAC8; |
| @palette-red-2: #FEB1AB; |
| @palette-red-3: #FF5555; |
| @palette-red-4: #DF2632; |
| |
| @palette-green-0: #DDF4EA; |
| @palette-green-1: #B6ECD3; |
| @palette-green-2: #86D9B2; |
| @palette-green-3: #0DAF66; |
| @palette-green-4: #1F7C5D; |
| |
| @palette-blue-0: #E9F0F6; |
| @palette-blue-1: #C1DEF9; |
| @palette-blue-2: #74A8D8; |
| @palette-blue-3: #508DC3; |
| @palette-blue-4: #2B73B3; |
| @palette-blue-5: #1561A7; |
| @palette-blue-6: #014786; |
| @palette-blue-7: #2F3C45; |
| |
| @palette-gray-0: #FEFEFE; |
| @palette-gray-1: #FAFAFA; |
| @palette-gray-2: #F5F5F5; |
| @palette-gray-3: #EFEFEF; |
| @palette-gray-4: #DADADA; |
| @palette-gray-5: #CFCFCF; |
| @palette-gray-5-1: #BEBEBE; |
| @palette-gray-6: #999999; |
| @palette-gray-6-1: #888888; |
| @palette-gray-7: #666666; // Minimal Accessible Gray |
| @palette-gray-8: #5C5C5C; |
| @palette-gray-9: #4C4C4C; // Dark Font |
| @palette-gray-10: #262626; |
| |
| @palette-cyan-0: #DDFFF9; |
| @palette-cyan-1: #BAF3E8; |
| @palette-cyan-2: #93EDDC; |
| @palette-cyan-3: #3EE1C3; |
| @palette-cyan-3-1: #1FC9AA; |
| @palette-cyan-4: #24B499; |
| @palette-cyan-5: #1D826F; |
| |
| @palette-orange-0: #FCF0E5; |
| @palette-orange-1: #FEE6C0; |
| @palette-orange-2: #FFDB9D; |
| @palette-orange-3: #FFA129; |
| @palette-orange-4: #FE9915; |
| @palette-orange-5: #754201; |
| @palette-orange-6: #3e353a; |
| |
| /* -------------------------------- */ |
| /* Global colors */ |
| /* -------------------------------- */ |
| |
| @active-color: @palette-blue-6; |
| @active-background-color: fade(@palette-black, 12%); |
| @application-loading-background-color: @palette-white; |
| @application-loading01-color: fade(@palette-blue-5, 90%); |
| @application-loading02-color: @palette-cyan-4; |
| @background-color: @palette-white; |
| @body-background-color: transparent; |
| @border-color: @palette-gray-5; |
| @control-background-color: @palette-white; |
| @control-color: @text-color; |
| @control-disabled-background-color: @palette-gray-2; |
| @control-disabled-color: @text-disabled-color; |
| /* Use lighter gray in alternative mode, only relevant for some fields with borders (e.g. text area) */ |
| @control-alternative-disabled-background-color: @palette-gray-1; |
| @disabled-color: @palette-gray-6; |
| @disabled-inverted-color: fade(@palette-white, 40%); |
| @disabled-inverted-background-color: @palette-gray-2; |
| @drop-shadow-alpha: 0.2; |
| @drop-shadow-large-alpha: 0.2; |
| @error-background-color: @palette-red-0; |
| @error-border-color: @palette-red-3; |
| @error-color: @palette-red-3; |
| @error-glow-color: @palette-red-3; |
| @focus-border-color: @palette-blue-6; |
| @focus-box-shadow-color: darken(@palette-blue-1, 10%); |
| @focus-color: @palette-blue-6; |
| @focus-glow-color: fade(@focus-border-color, 50%); |
| @focus-border-color-inverted: @selected-color; |
| @focus-glow-color-inverted: fade(@selected-color, 50%); |
| @highlight-color: @palette-orange-4; |
| @highlight-inverted-background-color: @highlight-color; |
| @hover-color: @palette-blue-6; |
| @hover-background-color: fade(@palette-black, 8%); // Use fade to make it more independent from the background color |
| @icon-color: @text-color; |
| @icon-disabled-color: @palette-gray-5; |
| @icon-inverted-color: @palette-white; |
| @icon-light-color: @palette-gray-6; |
| @item-selection-background-color: @palette-blue-0; |
| @item-selection-border-color: @palette-blue-6; |
| @item-selection-disabled-background-color: @palette-gray-4; |
| @item-selection-disabled-border-color: @palette-gray-6; |
| @item-selection-nonfocus-background-color: @palette-gray-2; |
| @item-selection-nonfocus-border-color: @palette-gray-5; |
| @item-active-background-color: @palette-gray-2; |
| @label-color: @palette-gray-7; |
| @label-disabled-color: @palette-gray-6-1; |
| @loading-indicator-knight-rider-color: @palette-blue-3; |
| @panel-background-color: @palette-gray-2; |
| @read-only-color: @text-color; |
| @selected-active-background-color: darken(@selected-hover-background-color, 10%); |
| @selected-background-color: @palette-blue-5; |
| @selected-color: @palette-white; |
| @selected-hover-background-color: @palette-blue-6; |
| @selected-with-popup-background-color: @active-background-color; |
| @sub-title-color: @label-color; |
| @text-color: @palette-black; |
| @text-disabled-color: @palette-gray-7; |
| @text-selection-background-color: @palette-blue-6; |
| @text-selection-color: @palette-white; |
| @text-selection-disabled-background-color: @palette-gray-7; |
| @text-selection-disabled-color: @palette-gray-3; |
| @text-field-alternative-background-color: transparent; |
| @text-field-alternative-border-color: @border-color; |
| @text-field-alternative-disabled-border-color: @palette-gray-5; |
| @text-field-icon-color: @palette-gray-6; |
| @text-field-icon-error-color: @error-border-color; |
| @text-field-icon-focus-color: @focus-border-color; |
| @text-field-placeholder-color: @palette-gray-6; |
| @title-color: @palette-black; |
| |
| /* -------------------------------- */ |
| /* Component specific colors */ |
| /* -------------------------------- */ |
| |
| @boxbutton-active-background-color: @palette-gray-4; |
| @boxbutton-background-color: @palette-gray-3; |
| @boxbutton-border-color: @border-color; |
| @browser-field-background-color: @palette-white; /* always white to not change the look of the website */ |
| @button-active-color: @active-color; |
| @button-active-background-color: @active-background-color; |
| @button-background-color: @control-background-color; |
| @button-border-color: @button-color; |
| @button-color: @palette-blue-6; |
| @button-disabled-background-color: transparent; |
| @button-disabled-border-color: @border-color; |
| @button-disabled-color: @disabled-color; |
| @button-hover-color: @button-color; |
| @busyindicator-active-color: @palette-blue-6; |
| @busyindicator-border-color: @border-color; |
| @calendar-component-color: @palette-black; |
| @calendar-component-intro-color: @palette-gray-7; |
| @calendar-day-color: @palette-gray-7; |
| @calendar-day-selected-background-color: @selected-background-color; |
| @calendar-day-selected-color: @palette-white; |
| @calendar-mode-selected-background-color: @item-selection-background-color; |
| @calendar-mode-selected-color: @palette-blue-7; |
| @calendar-out-background-color: transparent; |
| @calendar-out-color: @palette-gray-5; |
| @calendar-title-color: @title-color; |
| @calendar-week-axis-color: @palette-gray-6; |
| @calendar-weekend-color: @palette-blue-6; |
| @calendar-weekend-out-background-color: transparent; |
| @calendar-weekend-out-color: @palette-blue-2; |
| @carousel-status-item-color: @palette-gray-5; |
| @carousel-current-item-color: @palette-black; |
| @check-box-border-color: @border-color; |
| @check-box-disabled-color: @disabled-color; |
| @check-box-checked-color: @palette-blue-6; |
| @closer-color: @icon-light-color; |
| @collapse-handle-active-background-color: darken(@collapse-handle-hover-background-color, 5%); |
| @collapse-handle-background-color: @button-background-color; |
| @collapse-handle-border-color: @palette-gray-4; |
| @collapse-handle-color: @palette-gray-8; |
| @collapse-handle-hover-background-color: @palette-gray-3; // Don't use @hover-background-color here because it would shine through |
| @column-background-effect-gradient1-start-background-color: @palette-red-2; |
| @column-background-effect-gradient1-end-background-color: @palette-green-1; |
| @column-background-effect-gradient2-start-background-color: @palette-green-1; |
| @column-background-effect-gradient2-end-background-color: @palette-red-2; |
| @column-background-effect-bar-chart-background-color: @palette-cyan-2; |
| @command-button-border-color: @border-color; |
| @command-button-selected-color: @selected-color; |
| @command-button-selected-border-color: @selected-background-color; |
| @command-button-selected-background-color: @selected-background-color; |
| @context-menu-item-color: @text-color; |
| @context-menu-item-icon-color: @link-color; |
| @dashboard-tile-border-color: darken(@palette-gray-3, 5%); |
| @dashboard-tile-selected-border-color: @palette-blue-6; |
| @date-picker-background-color: @control-popup-background-color; |
| @date-picker-header-background-color: @panel-background-color; |
| @date-picker-day-hover-border-color: @item-selection-border-color; |
| @date-picker-day-hover-background-color: @item-selection-background-color; |
| @date-picker-day-hover-selected-background-color: @palette-blue-4; |
| @date-picker-day-selected-color: @palette-white; |
| @date-picker-day-selected-background-color: @selected-background-color; |
| @date-picker-day-disabled-color: @palette-gray-5; |
| @date-picker-now-color: @highlight-color; |
| @date-picker-now-hover-selected-background-color: @palette-orange-3; |
| @date-picker-now-hover-border-color: @highlight-color; |
| @date-picker-now-hover-background-color: @palette-orange-0; |
| @date-picker-now-selected-color: @palette-white; |
| @date-picker-now-selected-background-color: @highlight-inverted-background-color; |
| @date-picker-out-color: @palette-gray-5; |
| @date-picker-out-weekend-color: @palette-blue-2; |
| @date-picker-weekend-color: @palette-blue-6; |
| @date-picker-day-preselected-border-color: @item-selection-border-color; |
| @date-picker-now-preselected-border-color: @highlight-color; |
| @default-button-active-background-color: @selected-active-background-color; |
| @default-button-selected-background-color: @default-button-active-background-color; |
| @default-button-background-color: @selected-background-color; |
| @default-button-color: @selected-color; |
| @default-button-hover-background-color: @selected-hover-background-color; |
| @desktop-bench-background-color: @background-color; |
| @desktop-bench-tab-area-background-color: @palette-gray-3; |
| @desktop-navigation-handle-active-background-color: @collapse-handle-active-background-color; |
| @desktop-navigation-handle-background-color: @collapse-handle-background-color; |
| @desktop-navigation-handle-border-color: @collapse-handle-border-color; |
| @desktop-navigation-handle-color: @collapse-handle-color; |
| @desktop-navigation-handle-hover-background-color: @collapse-handle-hover-background-color; |
| @desktop-navigation-body-in-background-background-color: @palette-gray-2; |
| @desktop-notification-background-color: @palette-white; |
| @desktop-notification-ok-border-color: @palette-green-3; |
| @desktop-notification-info-border-color: @palette-blue-4; |
| @desktop-notification-warning-border-color: @palette-orange-3; |
| @desktop-notification-error-border-color: @palette-red-3; |
| @desktop-header-color: @palette-white; |
| @desktop-header-disabled-color: @disabled-inverted-color; |
| @desktop-header-background-color: @palette-blue-5; |
| @desktop-header-border-color: @border-color; |
| @desktop-tab-background-color: transparent; |
| @desktop-tab-flash-background-color: fade(@palette-black, 40%); |
| @desktop-tab-sub-title-color: fade(@desktop-header-color, 70%); |
| @desktop-tab-selected-color: @title-color; |
| @desktop-tab-selected-sub-title-color: @sub-title-color; |
| @desktop-tab-selected-save-needer-color: fade(@palette-black, 23%); |
| @desktop-tab-selected-flash-background-color: darken(@simple-tab-selected-background-color, 20%); |
| @desktop-tab-hover-background-color: @view-tab-hover-background-color; |
| @desktop-tool-box-item-hover-background-color: @view-tab-hover-background-color; |
| @desktop-tool-box-item-selected-background-color: fade(@palette-black, 30%); |
| @detail-table-header-background-color: @table-header-background-color; |
| @detail-table-header-border-color: @table-header-border-color; |
| @detail-table-footer-background-color: @table-footer-background-color; |
| @dimmed-background-color: @palette-gray-2; |
| @filechooser-background-color: @control-background-color; |
| @form-background-color: @background-color; |
| @form-menu-popup-main-menubar-background-color: @menubar-background-color; |
| @key-box-background-color: @palette-orange-2; |
| @key-box-border-color: @key-box-background-color; |
| @key-box-background-disabled-color: @palette-gray-5; |
| @key-box-border-disabled-color: @key-box-background-disabled-color; |
| @key-box-color: @palette-black; |
| @link-color: @palette-blue-6; |
| @link-active-color: @palette-blue-7; |
| @link-hover-color: lighten(@link-color, 10%); |
| @main-menubar-background-color: @menubar-background-color; |
| @menubar-background-color: @palette-white; |
| @menu-item-color: @link-color; |
| @menu-item-disabled-color: @disabled-color; |
| @messagebox-background-color: @popup-background-color; |
| @mode-hover-text-color: @hover-color; |
| @mode-selected-background-color: @selected-background-color; |
| @mode-selected-text-color: @selected-color; |
| @mode-alternative-selected-color: @mode-selected-background-color; |
| @navigate-up-button-border-color: @button-border-color; |
| @navigate-up-button-color: @button-color; |
| @desktop-navigation-background-color: @desktop-header-background-color; |
| @desktop-navigation-body-background-color: @palette-white; |
| @desktop-navigation-color: @palette-gray-9; |
| @notification-ok-background-color: @palette-green-0; |
| @notification-ok-border-color: @palette-green-3; |
| @notification-info-background-color: @palette-blue-0; |
| @notification-info-border-color: @palette-blue-4; |
| @notification-warning-background-color: @palette-orange-0; |
| @notification-warning-border-color: @palette-orange-3; |
| @notification-error-background-color: @error-background-color; |
| @notification-error-border-color: @error-color; |
| @outline-breadcrumb-ancestor-border-color: @border-color; |
| @outline-breadcrumb-border-color: @border-color; |
| @outline-breadcrumb-child-active-background-color: @hover-background-color; |
| @outline-breadcrumb-child-background-color: @desktop-navigation-body-background-color; |
| @outline-breadcrumb-node-active-background-color: @hover-background-color; |
| @outline-group-background-color: @palette-blue-0; |
| @outline-in-background-selection-background-color: @outline-selection-background-color; |
| @outline-in-background-selection-color: @outline-selection-color; |
| @outline-selection-background-color: @palette-blue-5; |
| @outline-selection-color: @palette-white; |
| @outline-title-color: @palette-blue-6; |
| @outline-title-border-color: @border-color; |
| @outline-node-control-color: @outline-node-font-icon-color; |
| @outline-node-font-icon-color: @icon-light-color; |
| @planner-large-scale-item-line-color: fade(@palette-black, 20%); |
| @planner-small-scale-item-line-color: fade(@palette-black, 7%); |
| @planner-mode-selected-color: @calendar-mode-selected-color; |
| @planner-mode-selected-background-color: @calendar-mode-selected-background-color; |
| @planner-selector-resize-background-color: @background-color; |
| @planner-resource-title-color: @palette-gray-7; |
| @planner-timeline-background-color: @panel-background-color; |
| @planner-activity-color: @text-color; |
| @planner-activity-level-background-color: @palette-white; |
| @popup-background-color: @control-background-color; |
| @popup-border-color: @border-color; |
| @control-popup-border-color: @palette-blue-6; |
| @control-popup-background-color: @popup-background-color; |
| @proposal-chooser-status-background-color: @panel-background-color; |
| @radio-button-border-color: @border-color; |
| @radio-button-checked-color: @palette-blue-6; |
| @radio-button-disabled-color: @disabled-color; |
| @save-needer-color: @icon-light-color; |
| @scrollbar-thumb-main-color: @palette-gray-6; |
| @scrollbar-thumb-color: fade(@scrollbar-thumb-main-color, 30%); |
| @scrollbar-thumb-hover-color: fade(@scrollbar-thumb-main-color, 45%); |
| @scrollbar-thumb-small-color: fade(@scrollbar-thumb-main-color, 15%); |
| @scrollbar-thumb-small-hover-color: fade(@scrollbar-thumb-main-color, 15%); |
| @scrollbar-thumb-inverted-main-color: @palette-white; |
| @scrollbar-thumb-inverted-color: fade(@scrollbar-thumb-inverted-main-color, 20%); |
| @scrollbar-thumb-inverted-hover-color: fade(@scrollbar-thumb-inverted-main-color, 40%); |
| @scrollbar-thumb-inverted-small-color: fade(@scrollbar-thumb-inverted-main-color, 15%); |
| @scrollbar-thumb-inverted-small-hover-color: fade(@scrollbar-thumb-inverted-main-color, 15%); |
| @status-menu-color: @palette-gray-7; |
| @status-menu-hover-color: @hover-color; |
| @status-info-color: @icon-light-color; |
| @status-info-hover-color: @hover-color; |
| @status-warning-color: @palette-blue-4; |
| @status-warning-hover-color: @palette-blue-5; |
| @status-error-color: @error-color; |
| @status-error-hover-color: @palette-red-4; |
| @slider-track-color: @palette-gray-5; |
| @switch-border-color: darken(@border-color, 12%); |
| @switch-background-color: @panel-background-color; |
| @switch-button-border-color: @switch-border-color; |
| @switch-button-background-color: @control-background-color; |
| @switch-button-activated-border-color: @active-color; |
| @switch-button-activated-background-color: lighten(@palette-blue-3, 12%); |
| @table-aggregate-cell-selection-color: @palette-blue-4; |
| @table-aggregate-row-background-color: @palette-gray-1; |
| @table-compact-cell-content-color: @text-color; |
| @table-control-active-color: @text-color; |
| @table-control-color: @palette-blue-5; |
| @table-control-container-background-color: @background-color; |
| @table-control-disabled-color: @disabled-color; |
| @table-control-hover-color: @hover-color; |
| @table-control-resize-border-color: @border-color; |
| @table-control-selected-color: @table-control-color; |
| @table-control-selected-background-color: @selected-with-popup-background-color; |
| @table-footer-background-color: @palette-white; |
| @table-header-background-color: @panel-background-color; |
| @table-header-border-color: @border-color; |
| @table-header-item-color: @palette-gray-9; |
| @table-header-item-state-color: @palette-gray-7; |
| @table-header-menu-background-color: @popup-background-color; |
| @table-header-menu-cmd-active-border-color: @hover-color; |
| @table-header-menu-cmd-selected-background-color: @selected-background-color; |
| @table-header-menu-cmd-selected-border-color: @selected-background-color; |
| @table-header-menu-cmd-selected-color: @selected-color; |
| @table-header-menu-cmd-border-color: @border-color; |
| @table-header-menu-cmd-disabled-color: @palette-gray-5; |
| @table-header-resize-color: @border-color; |
| @table-header-resize-hover-color: @table-header-resize-color; |
| @table-header-sort-color: @palette-gray-7; |
| @table-info-color: @label-color; |
| @table-info-error-color: @error-color; |
| @table-info-error-hover-color: @palette-red-4; |
| @table-info-hover-color: @palette-gray-7; |
| @table-info-warning-color: @palette-blue-4; |
| @table-info-warning-hover-color: @palette-blue-6; |
| @table-row-active-background-color: @item-active-background-color; |
| @table-structure-row-background-color: @palette-gray-1; |
| @table-row-border-color: @border-color; |
| @table-row-checked-background-color: @palette-blue-5; |
| @table-row-checked-selected-focus-background-color: lighten(@palette-blue-5, 22%); |
| @table-row-checked-selected-background-color: greyscale(@table-row-checked-selected-focus-background-color); |
| @table-row-control-color: @tree-node-control-color; |
| @tab-area-border-color: @border-color; |
| @tab-item-color: @text-color; |
| @tab-item-active-color: @tab-item-hover-color; |
| @tab-item-focus-color: @palette-blue-4; |
| @tab-item-hover-color: @hover-color; |
| @tab-item-selected-color: @title-color; |
| @tab-item-marked-border-color: @palette-gray-6; |
| @tab-item-selection-marker-color: @selected-background-color; |
| @tag-element-background-color: @palette-cyan-2; |
| @tag-element-background-color-hover: @palette-cyan-3; |
| @tag-icon-color: @palette-cyan-5; |
| @tag-text-color: @palette-black; |
| @tile-background-color: @palette-gray-1; |
| @tile-border-color: @border-color; |
| @tile-active-background-color: @palette-gray-3; |
| @tile-selection-background-color: @item-selection-background-color; |
| @tile-selection-border-color: @item-selection-border-color; |
| @tile-alternative-background-color: @tile-default-background-color; |
| @tile-alternative-color: @tile-default-color; |
| @tile-alternative-label-color: @tile-default-label-color; |
| @tile-alternative-link-color: @tile-default-link-color; |
| @tile-alternative-link-active-color: @tile-default-link-active-color; |
| @tile-alternative-link-hover-color: @tile-default-link-hover-color; |
| @tile-alternative-inverted-background-color: @palette-cyan-4; |
| @tile-alternative-inverted-selection-background-color: @palette-cyan-2; |
| @tile-alternative-inverted-border-color: @tile-default-inverted-border-color; |
| @tile-alternative-inverted-color: @tile-default-inverted-color; |
| @tile-alternative-inverted-label-color: @tile-alternative-inverted-color; |
| @tile-alternative-inverted-link-hover-color: fade(@tile-alternative-inverted-color, 85%); |
| @tile-alternative-inverted-link-active-color: fade(@tile-alternative-inverted-color, 75%); |
| @tile-button-alternative-hover-color: @tile-button-default-hover-color; |
| @tile-button-alternative-inverted-active-background-color: darken(@palette-cyan-5, 5); |
| @tile-button-alternative-inverted-hover-background-color: @palette-cyan-5; |
| @tile-button-alternative-inverted-color: @tile-button-default-inverted-color; |
| @tile-button-default-active-background-color: @button-active-background-color; |
| @tile-button-default-hover-background-color: @hover-background-color; |
| @tile-button-default-hover-color: @hover-color; |
| @tile-button-default-icon-color: @palette-gray-5-1; |
| @tile-button-default-inverted-hover-background-color: @default-button-hover-background-color; |
| @tile-button-default-inverted-active-background-color: @default-button-active-background-color; |
| @tile-button-default-inverted-color: @palette-white; |
| @tile-default-background-color: @palette-white; |
| @tile-default-border-color: @palette-gray-4; |
| @tile-default-color: @palette-gray-7; |
| @tile-default-link-color: @palette-blue-5; |
| @tile-default-link-active-color: @tile-default-link-hover-color; |
| @tile-default-link-hover-color: @link-hover-color; |
| @tile-default-label-color: @palette-gray-7; |
| @tile-default-inner-border-color: @palette-gray-2; |
| @tile-default-inverted-background-color: @palette-blue-5; |
| @tile-default-inverted-selection-background-color: @palette-blue-4; |
| @tile-default-inverted-border-color: @palette-white; |
| @tile-default-inverted-color: @palette-white; |
| @tile-default-inverted-label-color: @tile-default-inverted-color; |
| @tile-default-inverted-link-hover-color: fade(@tile-default-inverted-color, 85%); |
| @tile-default-inverted-link-active-color: fade(@tile-default-inverted-color, 75%); |
| @tile-overview-color: @tile-default-inverted-background-color; |
| @tile-placeholder-background-color: @palette-gray-3; |
| @tile-table-default-color: @palette-gray-9; |
| @tile-table-default-inverted-selection-background-color: @palette-blue-5; |
| @tile-table-default-inverted-selection-border-color: @palette-white; |
| @tile-table-alternative-inverted-selection-background-color: @palette-cyan-3; |
| @tile-table-alternative-inverted-selection-border-color: @tile-table-default-inverted-selection-border-color; |
| @tile-table-alternative-selection-background-color: @palette-cyan-1; |
| @tile-table-alternative-selection-border-color: @palette-cyan-4; |
| @time-picker-hours-background-color: @date-picker-header-background-color; |
| @time-picker-hover-selected-background-color: @date-picker-day-hover-selected-background-color; |
| @time-picker-now-color: @date-picker-now-color; |
| @time-picker-now-hover-background-color: @date-picker-now-hover-background-color; |
| @time-picker-now-hover-border-color: @date-picker-now-hover-border-color; |
| @time-picker-now-hover-selected-background-color: @date-picker-now-hover-selected-background-color; |
| @time-picker-now-preselected-border-color: @date-picker-now-preselected-border-color; |
| @time-picker-now-selected-background-color: @date-picker-now-selected-background-color; |
| @time-picker-now-selected-color: @date-picker-now-selected-color; |
| @time-picker-selected-color: @date-picker-day-selected-color; |
| @time-picker-selected-background-color: @date-picker-day-selected-background-color; |
| @tooltip-background-color: @palette-gray-3; |
| @tooltip-border-color: @palette-gray-6; |
| @tooltip-color: @text-color; |
| @tooltip-small-color: @text-disabled-color; |
| @tooltip-info-background-color: @tooltip-background-color; |
| @tooltip-info-border-color: @tooltip-border-color; |
| @tooltip-info-color: @tooltip-color; |
| @tooltip-warning-background-color: @palette-blue-0; |
| @tooltip-warning-border-color: @palette-blue-3; |
| @tooltip-warning-color: @tooltip-color; |
| @tooltip-error-background-color: @error-background-color; |
| @tooltip-error-border-color: @error-color; |
| @tooltip-error-color: @error-color; |
| @top-label-color: @label-color; |
| @top-label-disabled-color: @label-disabled-color; |
| @tree-node-active-background-color: @item-active-background-color; |
| @tree-node-control-color: inherit; |
| @view-tab-selected-color: @active-color; |
| @view-tab-selected-background-color: @desktop-navigation-body-background-color; |
| @view-tab-in-background-selected-background-color: @desktop-navigation-body-in-background-background-color; |
| @view-tab-hover-background-color: fade(@palette-black, 20%); |
| @view-menu-tab-hover-background-color: fade(@palette-black, 10%); |
| @view-menu-tab-menu-selected-background-color: fade(@palette-black, 20%); |
| @view-menu-tab-selected-menu-selected-background-color: @selected-with-popup-background-color; |
| @view-menu-tab-background-color: @view-tab-hover-background-color; |
| @view-menu-tile-background-color: fade(@palette-blue-5, 5%); |
| @view-menu-tile-hover-background-color: fade(@palette-blue-5, 10%); |
| @view-menu-tile-selected-border-color: @item-selection-border-color; |
| @simple-tab-sub-title-color: @sub-title-color; |
| @simple-tab-selected-background-color: @form-background-color; |
| @simple-tab-selected-color: @title-color; |
| @simple-tab-background-color: @panel-background-color; |
| @slider-thumb-color: @palette-gray-4; |
| @slider-thumb-border-color: @palette-gray-7; |
| @slider-track-color: @palette-gray-5; |
| @slider-thumb-focus-border-color: @active-color; |
| @slider-thumb-focus-color: @palette-blue-1; |
| @wizard-progress-border-color: @border-color; |
| @wizard-step-active-step-background-color: @active-color; |
| @wizard-step-active-step-border-color: @wizard-step-active-step-background-color; |
| @wizard-step-active-step-color: @icon-inverted-color; |
| @wizard-step-active-step-text-color: @wizard-step-active-step-background-color; |
| @wizard-step-after-active-step-background-color: @wizard-step-default-background-color; |
| @wizard-step-after-active-step-border-color: @wizard-step-default-border-color; |
| @wizard-step-after-active-step-color: @wizard-step-default-color; |
| @wizard-step-before-active-step-background-color: @wizard-step-default-background-color; |
| @wizard-step-before-active-step-border-color: @wizard-step-default-border-color; |
| @wizard-step-before-active-step-color: @wizard-step-default-color; |
| @wizard-step-disabled-background-color: inherit; |
| @wizard-step-disabled-border-color: @disabled-color; |
| @wizard-step-disabled-color: @disabled-color; |
| @wizard-step-disabled-text-color: @disabled-color; |
| @wizard-step-default-background-color: inherit; |
| @wizard-step-default-border-color: @palette-blue-7; |
| @wizard-step-default-color: @wizard-step-default-border-color; |
| @year-panel-range-background-color: @item-selection-background-color; |
| @year-panel-range-hover-background-color: @item-selection-background-color; |
| @year-panel-range-day-background-color: @selected-background-color; |
| @year-panel-title-item-color: @palette-gray-6; |
| @year-panel-weekend-background-color: @palette-gray-7; |
