|
|
|
|
@import "colors";
|
|
|
|
|
|
|
|
|
|
// 专属组件色彩库，通用配色中有的用通用配色，否则选constant自定义配色
|
|
|
|
|
|
|
|
|
|
//tooltip
|
|
|
|
|
//成功背景(专属配色)
|
|
|
|
|
@color-bi-background-tooltip-success: @background-color-normal-success;
|
|
|
|
|
//成功边框(专属配色)
|
|
|
|
|
@color-bi-border-tooltip-success: @border-color-normal-success;
|
|
|
|
|
//失败背景
|
|
|
|
|
@color-bi-background-tooltip-failure: @color-bi-background-failure;
|
|
|
|
|
//失败边框
|
|
|
|
|
@color-bi-border-tooltip-failure: @color-bi-border-failure;
|
|
|
|
|
|
|
|
|
|
//按钮的mask颜色
|
|
|
|
|
@color-bi-background-button-mask: @color-bi-background-black;
|
|
|
|
|
@color-bi-background-hover-button-mask: @color-bi-background-default;
|
|
|
|
|
@color-bi-background-ignore-button-mask: @color-bi-background-highlight;
|
|
|
|
|
@color-bi-background-hover-ignore-button-mask: @color-blue-10;
|
|
|
|
|
|
|
|
|
|
//水印字体颜色
|
|
|
|
|
@color-bi-text-water-mark: @color-bi-text-tips;
|
|
|
|
|
@color-bi-text-water-mark-theme-dark: @color-bi-text-tips-theme-dark;
|
|
|
|
|
|
|
|
|
|
//toast
|
|
|
|
|
@color-bi-background-toast-success: @color-bi-background-success;
|
|
|
|
|
@color-bi-background-toast-warning: @color-bi-background-warning;
|
|
|
|
|
@color-bi-background-toast-error: @color-bi-background-failure;
|
|
|
|
|
@color-bi-background-toast-normal: @color-bi-background-highlight;
|
|
|
|
|
@color-bi-color-toast-success: @color-bi-text;
|
|
|
|
|
@color-bi-color-toast-warning: @color-bi-text;
|
|
|
|
|
@color-bi-color-toast-error: @color-bi-text;
|
|
|
|
|
@color-bi-color-toast-normal: @color-bi-text;
|
|
|
|
|
@color-bi-color-toast-text: @color-bi-text;
|
|
|
|
|
|
|
|
|
|
//bubble
|
|
|
|
|
@color-bi-background-bubble-success: @color-bi-background-light-success;
|
|
|
|
|
@color-bi-background-bubble-warning: @color-bi-background-light-warning;
|
|
|
|
|
@color-bi-background-bubble-error: @color-bi-background-light-failure;
|
|
|
|
|
@color-bi-background-bubble-error-theme-dark: @color-bi-background-dark-failure;
|
|
|
|
|
@color-bi-background-bubble-normal: @color-bi-background-light-highlight;
|
|
|
|
|
|
|
|
|
|
//bi-background背景
|
|
|
|
|
@color-bi-background-background: @color-bi-background-normal;
|
|
|
|
|
@color-bi-background-background-theme-dark: @color-bi-background-normal-theme-dark;
|
|
|
|
|
@color-bi-text-background: @color-bi-text-normal;
|
|
|
|
|
@color-bi-text-background-theme-dark: @color-bi-text-theme-dark;
|
|
|
|
|
|
|
|
|
|
//bi-header-background背景
|
|
|
|
|
@color-bi-background-header-background: @color-bi-background-light-gray;
|
|
|
|
|
@color-bi-background-header-background-theme-dark: @color-bi-background-light-gray-theme-dark;
|
|
|
|
|
@color-bi-text-header-background: @color-bi-text-light-gray;
|
|
|
|
|
@color-bi-text-header-background-theme-dark: @color-bi-text-light-gray-theme-dark;
|
|
|
|
|
|
|
|
|
|
//bi-card卡片
|
|
|
|
|
@color-bi-background-card: @color-bi-background-default;
|
|
|
|
|
@color-bi-background-card-theme-dark: @color-bi-background-default-theme-dark;
|
|
|
|
|
@color-bi-text-card: @color-bi-text-normal;
|
|
|
|
|
@color-bi-text-card-theme-dark: @color-bi-text-theme-dark;
|
|
|
|
|
|
|
|
|
|
// 控件
|
|
|
|
|
// 按钮
|
|
|
|
|
@color-bi-border-button: @color-bi-border-highlight;
|
|
|
|
|
@color-bi-background-button: @color-bi-background-highlight;
|
|
|
|
|
@color-bi-text-common-button: @color-bi-text;
|
|
|
|
|
@color-bi-text-common-clear-button: @color-bi-text-highlight;
|
|
|
|
|
@color-bi-text-common-ghost-button: @color-bi-text-highlight;
|
|
|
|
|
@color-bi-text-common-ghost-button-theme-dark: @color-bi-text;
|
|
|
|
|
@color-bi-text-disabled-common-ghost-button-theme-dark: @color-bi-text;
|
|
|
|
|
@color-bi-border-disabled-common-ghost-button-theme-dark: @color-bi-border-default;
|
|
|
|
|
@color-bi-border-common-ghost-button-theme-dark: @color-bi-border-default;
|
|
|
|
|
@color-bi-background-hover-common-ghost-button: @color-bi-background-highlight;
|
|
|
|
|
@color-bi-text-hover-common-ghost-button-theme-dark: @color-bi-text-normal;
|
|
|
|
|
@color-bi-background-hover-common-ghost-button-theme-dark: @color-bi-background-default;
|
|
|
|
|
@color-bi-background-active-common-ghost-button: @color-bi-background-highlight;
|
|
|
|
|
@color-bi-background-active-common-ghost-button-theme-dark: @color-bi-background-default;
|
|
|
|
|
@color-bi-text-ignore-button: @color-bi-text-highlight;
|
|
|
|
|
@color-bi-border-ignore-button: @color-bi-border-highlight;
|
|
|
|
|
@color-bi-background-ignore-button: @color-bi-background-default;
|
|
|
|
|
@color-bi-background-ignore-button-theme-dark: @color-bi-background-default-theme-dark;
|
|
|
|
|
@color-bi-background-hover-ignore-button-theme-dark: @color-blue-10;
|
|
|
|
|
@color-bi-background-active-ignore-button-theme-dark: @color-blue-10;
|
|
|
|
|
@color-bi-text-success-button: @color-bi-text;
|
|
|
|
|
@color-bi-background-success-button: @color-bi-background-success;
|
|
|
|
|
@color-bi-border-success-button: @color-bi-border-success;
|
|
|
|
|
@color-bi-text-success-clear-button: @color-bi-text-success;
|
|
|
|
|
@color-bi-text-success-ghost-button: @color-bi-text-success;
|
|
|
|
|
@color-bi-text-warning-button: @color-bi-text;
|
|
|
|
|
@color-bi-background-warning-button: @color-bi-background-warning;
|
|
|
|
|
@color-bi-border-warning-button: @color-bi-border-warning;
|
|
|
|
|
@color-bi-text-warning-clear-button: @color-bi-text-redmark;
|
|
|
|
|
@color-bi-text-warning-ghost-button: @color-bi-text-redmark;
|
|
|
|
|
@color-bi-text-error-button: @color-bi-text;
|
|
|
|
|
@color-bi-background-error-button: @color-bi-background-failure;
|
|
|
|
|
@color-bi-border-error-button: @color-bi-border-failure;
|
|
|
|
|
@color-bi-text-error-clear-button: @color-bi-text-failure;
|
|
|
|
|
@color-bi-text-error-ghost-button: @color-bi-text-failure;
|
|
|
|
|
@color-bi-text-disabled-button: @color-bi-text-disabled;
|
|
|
|
|
@color-bi-background-disabled-button: @color-bi-background-light-disabled;
|
|
|
|
|
@color-bi-border-disabled-button: @color-bi-border-disabled;
|
|
|
|
|
@color-bi-text-disabled-ignore-button: @color-bi-text-disabled;
|
|
|
|
|
@color-bi-background-disabled-ignore-button: @color-bi-background-default;
|
|
|
|
|
@color-bi-border-disabled-ignore-button: @color-bi-border-line;
|
|
|
|
|
@color-bi-text-disabled-ignore-clear-button: @color-bi-text-disabled;
|
|
|
|
|
@color-bi-text-disabled-common-ghost-button: @color-bi-text-highlight;
|
|
|
|
|
@color-bi-border-disabled-common-ghost-button: @color-bi-border-highlight;
|
|
|
|
|
@color-bi-text-disabled-success-ghost-button: @color-bi-text-success;
|
|
|
|
|
@color-bi-border-disabled-success-ghost-button: @color-bi-border-success;
|
|
|
|
|
@color-bi-text-disabled-warning-ghost-button: @color-bi-text-redmark;
|
|
|
|
|
@color-bi-border-disabled-warning-ghost-button: @color-bi-border-warning;
|
|
|
|
|
@color-bi-text-disabled-error-ghost-button: @color-bi-text-failure;
|
|
|
|
|
@color-bi-border-disabled-error-ghost-button: @color-bi-border-failure;
|
|
|
|
|
@color-bi-background-disabled-button-theme-dark: @color-bi-background-light-disabled-theme-dark;
|
|
|
|
|
|
|
|
|
|
// 单选按钮
|
|
|
|
|
@color-bi-border-radio: @color-bi-border-dark-line;
|
|
|
|
|
@color-bi-border-radio-theme-dark: @color-bi-border-dark-line-theme-dark;
|
|
|
|
|
@color-bi-border-disabled-radio: @color-bi-border-disabled;
|
|
|
|
|
@color-bi-border-disabled-radio-theme-dark: @color-bi-border-disabled-theme-dark;
|
|
|
|
|
@color-bi-border-hover-active-radio: @color-bi-border-highlight;
|
|
|
|
|
@color-bi-border-hover-active-radio-theme-dark: @color-bi-border-highlight;
|
|
|
|
|
@color-bi-background-active-radio-content-theme-dark: @color-bi-background-default;
|
|
|
|
|
@color-bi-background-disabled-active-radio-content-theme-dark: @color-transparent;
|
|
|
|
|
@color-bi-background-radio: @color-bi-background-default;
|
|
|
|
|
@color-bi-background-active-radio: @color-bi-background-highlight;
|
|
|
|
|
@color-bi-background-active-radio-content: @color-bi-background-default;
|
|
|
|
|
@color-bi-background-disabled-active-radio-content: @color-bi-background-default;
|
|
|
|
|
@color-bi-background-disabled-radio: @color-bi-background-disabled;
|
|
|
|
|
@color-bi-background-disabled-radio-theme-dark: @color-bi-background-disabled-theme-dark;
|
|
|
|
|
@color-bi-background-disabled-active-radio: @color-bi-background-dark-gray;
|
|
|
|
|
@color-bi-background-disabled-active-radio-theme-dark: @color-bi-background-dark-gray-theme-dark;
|
|
|
|
|
// 复选按钮
|
|
|
|
|
@color-bi-border-checkbox: @color-bi-border-dark-line;
|
|
|
|
|
@color-bi-border-checkbox-theme-dark: @color-bi-border-dark-line-theme-dark;
|
|
|
|
|
@color-bi-border-disabled-checkbox: @color-bi-border-disabled;
|
|
|
|
|
@color-bi-border-disabled-checkbox-theme-dark: @color-bi-border-disabled-theme-dark;
|
|
|
|
|
@color-bi-border-hover-active-checkbox: @color-bi-border-highlight;
|
|
|
|
|
@color-bi-border-hover-active-checkbox-theme-dark: @color-bi-border-highlight;
|
|
|
|
|
@color-bi-background-disabled-checkbox: @color-bi-background-disabled;
|
|
|
|
|
@color-bi-background-disabled-checkbox-theme-dark: @color-bi-background-disabled-theme-dark;
|
|
|
|
|
@color-bi-background-disabled-active-checkbox: @color-bi-background-dark-gray;
|
|
|
|
|
@color-bi-background-disabled-active-checkbox-theme-dark: @color-bi-background-dark-gray-theme-dark;
|
|
|
|
|
@color-bi-background-active-checkbox: @color-bi-background-highlight;
|
|
|
|
|
@color-bi-background-active-checkbox-theme-dark: @color-bi-background-highlight;
|
|
|
|
|
@color-bi-background-active-checkbox-content: @color-bi-background-default;
|
|
|
|
|
@color-bi-background-disabled-active-checkbox-content: @color-bi-background-default;
|
|
|
|
|
@color-bi-background-active-checkbox-content-theme-dark: @color-bi-background-default;
|
|
|
|
|
@color-bi-background-disabled-active-checkbox-content-theme-dark: @color-transparent;
|
|
|
|
|
// 开关
|
|
|
|
|
@color-bi-background-switch: @color-bi-background-dark-gray;
|
|
|
|
|
@color-bi-background-switch-theme-dark: @color-bi-background-dark-gray-theme-dark;
|
|
|
|
|
@color-bi-background-active-switch: @color-bi-background-highlight;
|
|
|
|
|
@color-bi-background-active-switch-content: @color-bi-background-default;
|
|
|
|
|
@color-bi-font-switch-tip: @color-white;
|
|
|
|
|
@color-bi-background-active-switch-theme-dark: @color-bi-background-highlight;
|
|
|
|
|
@color-bi-background-disabled-switch: @color-bi-background-disabled;
|
|
|
|
|
@color-bi-background-disabled-switch-theme-dark: @color-bi-background-disabled-theme-dark;
|
|
|
|
|
// 滑块
|
|
|
|
|
@color-bi-background-slider-button: @color-bi-background-default;
|
|
|
|
|
@color-bi-background-hover-slider-button: @color-bi-background-normal;
|
|
|
|
|
@color-bi-border-disabled-slider-button: @color-bi-border-disabled;
|
|
|
|
|
@color-bi-background-hover-disabled-slider-button: @color-bi-background-normal;
|
|
|
|
|
@color-bi-background-slider-button-theme-dark: @color-bi-background-default-theme-dark;
|
|
|
|
|
@color-bi-background-hover-slider-button-theme-dark: @color-bi-background-normal-theme-dark;
|
|
|
|
|
@color-bi-background-hover-disabled-slider-button-theme-dark: @color-bi-background-normal-theme-dark;
|
|
|
|
|
@color-bi-background-slider-gray-track: @color-bi-background-light-black;
|
|
|
|
|
@color-bi-background-slider-gray-track-theme-dark: @color-bi-background-light-black-theme-dark;
|
|
|
|
|
@color-bi-background-disabled-slider-blue-track: @color-bi-background-dark-gray;
|
|
|
|
|
@color-bi-background-disabled-slider-blue-track-theme-dark: @color-bi-background-dark-gray-theme-dark;
|
|
|
|
|
// 颜色选择器
|
|
|
|
|
@color-bi-border-picker-button-mask: @color-bi-border-black;
|
|
|
|
|
@color-bi-border-picker-button-mask-theme-dark: @color-bi-border-default;
|
|
|
|
|
@color-bi-border-active-chooser-show-button: @color-bi-border-highlight;
|
|
|
|
|
@color-bi-background-disabled-chooser-popup-mask: @color-bi-background-default;
|
|
|
|
|
// combo
|
|
|
|
|
@color-bi-border-hover-combo: @color-bi-border-highlight;
|
|
|
|
|
@color-bi-border-hover-disabled-combo: @color-bi-border-line;
|
|
|
|
|
@color-bi-border-hover-disabled-combo-theme-dark: @color-bi-border-line-theme-dark;
|
|
|
|
|
@color-bi-border-hover-text-value-down-list-combo: @color-bi-border-highlight;
|
|
|
|
|
@color-bi-border-hover-text-value-check-combo: @color-bi-border-highlight;
|
|
|
|
|
@color-bi-text-error-hover-text-value-combo: @color-bi-text-failure;
|
|
|
|
|
@color-bi-text-error-hover-text-value-icon-combo: @color-bi-text-failure;
|
|
|
|
|
@color-bi-text-error-hover-search-text-value-combo: @color-bi-text-failure;
|
|
|
|
|
@color-bi-background-bubble-combo-triangle: @color-bi-background-default;
|
|
|
|
|
@color-bi-background-bubble-combo-triangle-theme-dark: @color-bi-background-default-theme-dark;
|
|
|
|
|
@color-bi-border-bubble-combo-triangle-theme-dark: @border-color-light-line-theme-dark;
|
|
|
|
|
// 排序列表
|
|
|
|
|
@color-bi-border-sortable-holder: @color-bi-border-line;
|
|
|
|
|
// 分页
|
|
|
|
|
@color-bi-text-all-count-pager-row-count: @color-bi-text-highlight;
|
|
|
|
|
// segment
|
|
|
|
|
@color-bi-text-segment-button: @color-bi-text-highlight;
|
|
|
|
|
@color-bi-split-segment: @color-bi-border-highlight;
|
|
|
|
|
@color-bi-split-segment-theme-dark: @color-bi-border-line-theme-dark;
|
|
|
|
|
@color-bi-split-disabled-segment: @color-bi-border-disabled;
|
|
|
|
|
// 半选
|
|
|
|
|
@color-bi-background-half-button-content: @color-bi-background-highlight;
|
|
|
|
|
// items
|
|
|
|
|
@color-bi-text-active-single-select-icon-text-item: @color-bi-text-highlight;
|
|
|
|
|
// editor
|
|
|
|
|
@color-bi-color-error-input-text-area: @color-bi-text-failure;
|
|
|
|
|
// tree
|
|
|
|
|
@color-bi-text-display-tree: @color-bi-text-gray;
|
|
|
|
|
@color-bi-border-tree-expander-popup-line: @color-bi-border-dark-gray-line;
|
|
|
|
|
@color-bi-border-tree-expander-popup-line-theme-dark: @color-bi-border-dark-gray-line-theme-dark;
|
|
|
|
|
// popup
|
|
|
|
|
@color-bi-background-list-view-shadow: @color-bi-background-black;
|
|
|
|
|
@color-bi-border-list-view-toolbar: @color-bi-border-line;
|
|
|
|
|
// pane
|
|
|
|
|
@color-bi-background-pane-loading: @color-bi-background-normal;
|
|
|
|
|
@color-bi-background-pane-animate-rect: @background-color-highlight;
|
|
|
|
|
// interactive arrangement
|
|
|
|
|
@color-bi-background-interactive-arrangement-dragtag-line: @color-bi-text-redmark;
|
|
|
|
|
// 复选下拉
|
|
|
|
|
@color-bi-text-multi-select-search-pane-toolbar: @color-bi-text-redmark;
|
|
|
|
|
@color-bi-text-error-multi-select-trigger: @color-bi-text-failure;
|
|
|
|
|
@color-bi-background-multi-select-trigger-check-selected: @color-blue-10;
|
|
|
|
|
// 复选树
|
|
|
|
|
@color-bi-text-multi-tree-check-pane-check-button: @color-bi-text-highlight;
|
|
|
|
|
// 单选下拉
|
|
|
|
|
@color-bi-text-single-select-search-pane-toolbar: @color-bi-text-redmark;
|
|
|
|
|
// 时间控件
|
|
|
|
|
@color-bi-text-error-date-interval: @color-bi-text-failure;
|
|
|
|
|
@color-bi-text-error-time-interval: @color-bi-text-failure;
|
|
|
|
|
@color-bi-border-year-popup: @color-bi-border-line;
|
|
|
|
|
@color-bi-border-year-popup-theme-dark: @color-bi-border-line-theme-dark;
|
|
|
|
|
@color-bi-text-error-year-interval: @color-bi-text-failure;
|
|
|
|
|
@color-bi-text-error-year-month-interval: @color-bi-text-failure;
|
|
|
|
|
@color-bi-text-error-year-quarter-interval: @color-bi-text-failure;
|
|
|
|
|
// 表单
|
|
|
|
|
@color-bi-background-error-form: @color-red-5;
|
