2021-11-25 06:57:32 +08:00
|
|
|
$base-color: #ff536f;
|
2021-11-24 23:33:06 +08:00
|
|
|
|
|
|
|
|
2021-11-25 06:57:32 +08:00
|
|
|
$main:#07c160; //主背景色
|
|
|
|
$lightMain: rgba($main,0.1); //淡主色
|
|
|
|
$mainInverse:#fff; //与主色搭配的反色
|
|
|
|
$mainGradual:linear-gradient(to top right,$main,rgba($main,0.2));//渐变主色
|
|
|
|
$mainGradualInverse:#fff;//与渐变主色搭配的反色
|
2021-11-24 23:33:06 +08:00
|
|
|
|
2021-11-25 06:57:32 +08:00
|
|
|
/* 配色 */
|
|
|
|
$red:#e1251b; //红色
|
|
|
|
$lightRed:rgba(225, 37, 27, 0.08);//淡淡的红色
|
2021-11-24 23:33:06 +08:00
|
|
|
|
2021-11-25 06:57:32 +08:00
|
|
|
$black: #000;
|
|
|
|
$lightBlack:#e6e6e6;
|
2021-11-24 23:33:06 +08:00
|
|
|
|
2021-11-25 06:57:32 +08:00
|
|
|
$yellow:#f69c00;
|
|
|
|
$lightYellow:#fef3d1;
|
2021-11-24 23:33:06 +08:00
|
|
|
|
2021-11-25 06:57:32 +08:00
|
|
|
$green:#07c160;
|
|
|
|
$lightGreen:#dff5e2;
|
2021-11-24 23:33:06 +08:00
|
|
|
|
2021-11-25 06:57:32 +08:00
|
|
|
$orange: #F74F0E;
|
|
|
|
$lightOrange: #fedfd3;
|
2021-11-24 23:33:06 +08:00
|
|
|
|
2021-11-25 06:57:32 +08:00
|
|
|
$blue:#0081ff;
|
|
|
|
$lightBlue:#e6f2ff;
|
2021-11-24 23:33:06 +08:00
|
|
|
|
2021-11-25 06:57:32 +08:00
|
|
|
$brown: #8B4513;
|
|
|
|
$lightBrown:#ffdbc1;
|
2021-11-24 23:33:06 +08:00
|
|
|
|
2021-11-25 06:57:32 +08:00
|
|
|
$purple:#6739b6;
|
|
|
|
$lightPurple:#e7dff5;
|
2021-11-24 23:33:06 +08:00
|
|
|
|
2021-11-25 06:57:32 +08:00
|
|
|
$white : #fff ;
|
|
|
|
$black : #000 ;
|
|
|
|
$gray : #777 ;
|
|
|
|
$grey : #82939c ;
|
|
|
|
|
|
|
|
$borderColor:#e0e0e0;
|