dingui-style-common/src/color.less

钉钉DingUI扩展组件库基础样式

/*黑灰*/
/*通用一级中性色*/
@common_level1_base_color:rgba(25,31,37,1);
/*通用二级中性色*/
@common_level2_base_color:rgba(25,31,37,0.56);
/*通用三级中性色*/
@common_level3_base_color:rgba(25,31,37,0.4);
/*通用四级中性色*/
@common_level4_base_color:rgba(25,31,37,0.28);
/*通用五级中性色*/
@common_level5_base_color:rgba(25,31,37,0.16);
/*通用六级中性色*/
@common_level6_base_color:rgba(25,31,37,0.12);
/*通用七级中性色*/
@common_level7_base_color:rgba(25,31,37,0.08);
/*通用页面背景色*/
@common_level8_base_color:rgba(246,246,246,1);
/*通用一级中性色反色*/
@common_level1_contrary_color:rgba(255,255,255,1);
/*通用二级中性色反色*/
@common_level2_contrary_color:rgba(255,255,255,0.72);
/*通用三级中性色反色*/
@common_level3_contrary_color:rgba(255,255,255,0.56);
/*通用四级中性色反色*/
@common_level4_contrary_color:rgba(255,255,255,0.4);
/*通用五级中性色反色*/
@common_level5_contrary_color:rgba(255,255,255,0.28);
/*通用六级中性色反色*/
@common_level6_contrary_color:rgba(255,255,255,0.16);
/*通用七级中性色反色*/
@common_level7_contrary_color:rgba(255,255,255,0.12);


/*彩色*/
/*通用蓝色*/
@common_blue1_color:rgba(50,150,250,1);
/*通用蓝色淡色*/
@common_blue2_color:rgba(173,213,253,1);
/*通用蓝色浅色*/
@common_blue3_color:rgba(230,242,254,1);
/*通用红色*/
@common_red1_color:rgba(242,86,67,1);
/*通用红色淡色*/
@common_red2_color:rgba(250,187,180,1);
/*通用红色浅色*/
@common_red3_color:rgba(253,234,232,1);
/*通用橙色*/
@common_orange1_color:rgba(255,148,62,1);
/*通用橙色淡色*/
@common_orange2_color:rgba(255,212,178,1);
/*通用橙色浅色*/
@common_orange3_color:rgba(255,242,231,1);
/*通用绿色*/
@common_green1_color:rgba(20,188,131,1);
/*通用绿色淡色*/
@common_green2_color:rgba(161,228,205,1);
/*通用绿色浅色*/
@common_green3_color:rgba(227,247,240,1);
/*通用黄色*/
@common_yellow1_color:rgba(225,225,81,1);

/*通用场景彩色*/
/*通用链接色*/
@common_link_color:rgba(87,106,149,1);
/*通用链接按下态色*/
@common_link_color:rgba(87,106,149,0.4);


/*特殊组件用色*/
/*tab组件专用icon灰色*/
@common_tab_icon_color:rgba(25,31,37,0.72);