fineui/src/less/lib/colors.less

@import "constant";

// 色彩库,从constant.less中获取相关颜色,不要出现#xxxxxx

//默认字体颜色
@color-bi-text-normal: @font-color-normal;
//默认字体颜色深色系
@color-bi-text-normal-theme-dark: @font-color-normal-theme-dark;
//黑色字体颜色
@color-bi-text-black: @font-color-black;
//深色主题默认字体颜色
@color-bi-text-theme-dark: @font-color-normal-theme-dark;
//灰色字体颜色
@color-bi-text-gray: @font-color-gray;
//浅灰色字体
@color-bi-text-light-gray: @font-color-light-gray;
//深色浅灰色字体
@color-bi-text-light-gray-theme-dark: @font-color-light-gray-theme-dark;
//白色字体颜色
@color-bi-text: @font-color-white;
//灰化字体颜色
@color-bi-text-disabled: @font-color-disabled;
//深色主题灰化字体颜色
@color-bi-text-disabled-theme-dark: @font-color-disabled-theme-dark;
//灰化图标色
@color-bi-icon-disabled: @font-color-light-disabled;
//深色主题灰化图标颜色
@color-bi-icon-disabled-theme-dark: @font-color-light-disabled-theme-dark;
//提示字体颜色
@color-bi-text-tips: @font-color-tips;
//成功字体颜色
@color-bi-text-success: @font-color-success;
//失败字体颜色
@color-bi-text-failure: @font-color-negative;
//基本提亮颜色
@color-bi-text-highlight: @font-color-highlight;
//标红色
@color-bi-text-redmark: @font-color-warning;

//普通背景
@color-bi-background-normal: @background-color-normal;
@color-bi-background-normal-theme-dark: @background-color-normal-theme-dark;
//默认背景
@color-bi-background-default: @background-color-default;
//深色主题默认背景
@color-bi-background-default-theme-dark: @background-color-default-theme-dark;
//黑色背景
@color-bi-background-black: @background-color-black;
//浅黑色背景
@color-bi-background-light-black: @background-color-light-black;
//深色系浅黑色背景
@color-bi-background-light-black-theme-dark: @background-color-light-black-theme-dark;
//深灰色背景
@color-bi-background-dark-gray: @background-color-dark-gray;
//深色系深灰色背景
@color-bi-background-dark-gray-theme-dark: @background-color-dark-gray-theme-dark;
//灰色背景(浅)
@color-bi-background-light-gray: @background-color-light-gray;
//深色主题灰色背景
@color-bi-background-light-gray-theme-dark: @background-color-light-gray-theme-dark;
//灰色背景(中)
@color-bi-background-medium-gray: @background-color-medium-gray;
//深色主题灰色背景(中)
@color-bi-background-medium-gray-theme-dark: @background-color-medium-gray-theme-dark;
//灰化背景
@color-bi-background-disabled: @background-color-disabled;
//深色主题灰化背景
@color-bi-background-disabled-theme-dark: @background-color-disabled-theme-dark;
//浅灰化背景
@color-bi-background-light-disabled: @background-color-light-disabled;
//深色主题浅灰化背景
@color-bi-background-light-disabled-theme-dark: @background-color-light-disabled-theme-dark;
//成功背景色
@color-bi-background-success: @background-color-dark-success;
//成功背景色(浅)
@color-bi-background-light-success: @background-color-light-success;
//失败背景色
@color-bi-background-failure: @background-color-negative;
//失败背景色(浅)
@color-bi-background-light-failure: @background-color-light-negative;
//失败背景色(深)
@color-bi-background-dark-failure: @background-color-dark-negative;
//警示背景色
@color-bi-background-warning: @background-color-warning;
//警示背景色(浅)
@color-bi-background-light-warning: @background-color-light-warning;
//背景提亮色
@color-bi-background-highlight: @background-color-highlight;
//背景提亮色(浅)
@color-bi-background-light-highlight: @background-color-light-highlight;

//黑色边框色
@color-bi-border-black: @border-color-black;
//默认边框色
@color-bi-border-default: @border-color-default;
//边框线颜色
@color-bi-border-line: @border-color-line;
//深色系边框线色
@color-bi-border-line-theme-dark: @border-color-line-theme-dark;
//深色边框线
@color-bi-border-dark-line: @border-color-dark-line;
//深色系深色边框线
@color-bi-border-dark-line-theme-dark: @border-color-dark-line-theme-dark;
//灰化边框
@color-bi-border-disabled: @border-color-disabled;
//深色系灰化边框
@color-bi-border-disabled-theme-dark: @border-color-disabled-theme-dark;
//成功边框色
@color-bi-border-success: @border-color-success;
//失败边框色
@color-bi-border-failure: @border-color-negative;
//警示边框色
@color-bi-border-warning: @border-color-warning;
//边框提亮
@color-bi-border-highlight: @border-color-highlight;

//tooltip
//成功背景
@color-bi-tooltip-success-background: @background-color-normal-success;
//成功边框
@color-bi-tooltip-success-border: @border-color-normal-success;
//失败边框
@color-bi-tooltip-failure-border: @border-color-negative;

//mask颜色
@color-bi-button-mask: @color-bi-background-black;

//颜色百分比
//green
@color-bi-green-80: fade(@font-color-success, 80);
@color-bi-green-60: fade(@font-color-success, 60);
@color-bi-green-40: fade(@font-color-success, 40);
@color-bi-green-30: fade(@font-color-success, 30);
@color-bi-green-20: fade(@font-color-success, 20);
@color-bi-green-10: fade(@font-color-success, 10);
@color-bi-green-5: fade(@font-color-success, 5);

//blue
@color-bi-blue-80: fade(@font-color-highlight, 80);
@color-bi-blue-60: fade(@font-color-highlight, 60);
@color-bi-blue-40: fade(@font-color-highlight, 40);
@color-bi-blue-30: fade(@font-color-highlight, 30);
@color-bi-blue-20: fade(@font-color-highlight, 20);
@color-bi-blue-10: fade(@font-color-highlight, 10);
@color-bi-blue-5: fade(@font-color-highlight, 5);

//light-blue
@color-bi-light-blue-80: fade(@font-color-light-highlight, 80);
@color-bi-light-blue-60: fade(@font-color-light-highlight, 60);
@color-bi-light-blue-40: fade(@font-color-light-highlight, 40);
@color-bi-light-blue-30: fade(@font-color-light-highlight, 30);
@color-bi-light-blue-20: fade(@font-color-light-highlight, 20);
@color-bi-light-blue-10: fade(@font-color-light-highlight, 10);
@color-bi-light-blue-5: fade(@font-color-light-highlight, 5);

// orange
@color-bi-orange-80: fade(@font-color-warning, 80);
@color-bi-orange-60: fade(@font-color-warning, 60);
@color-bi-orange-40: fade(@font-color-warning, 40);
@color-bi-orange-30: fade(@font-color-warning, 30);
@color-bi-orange-20: fade(@font-color-warning, 20);
@color-bi-orange-10: fade(@font-color-warning, 10);
@color-bi-orange-5: fade(@font-color-warning, 5);

// red
@color-bi-red-80: fade(@font-color-negative, 80);
@color-bi-red-60: fade(@font-color-negative, 60);
@color-bi-red-40: fade(@font-color-negative, 40);
@color-bi-red-30: fade(@font-color-negative, 30);
@color-bi-red-20: fade(@font-color-negative, 20);
@color-bi-red-10: fade(@font-color-negative, 10);
@color-bi-red-5: fade(@font-color-negative, 5);

// yellow
@color-bi-yellow-80: fade(@font-color-yellow, 90);
@color-bi-yellow-60: fade(@font-color-yellow, 60);
@color-bi-yellow-40: fade(@font-color-yellow, 40);
@color-bi-yellow-20: fade(@font-color-yellow, 20);
@color-bi-yellow-5: fade(@font-color-yellow, 5);