|
|
|
|
@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-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;
|
|
|
|
|
|
|
|
|
|
//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-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-radio: @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-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-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;
|
