$mainBgColor: #131a2e;
|
$mainTextColor: #fff;
|
$mainbgWhiteColor: #111;
|
|
$main_background:#f7f7f7; //主题色
|
$main2_background:#1F233D; //主题浅色背景
|
$text_color:#333; //文字颜色
|
$text_color1:#555; //文字浅色
|
$text_color2:#fff; // 白色文字
|
$text_color3:#CFD5EC; //
|
$text_color4:#333; //浅色标题背景文字颜色
|
$text_color5:#878A96; //
|
$text_color6:#B7BDD1; // 文字更浅色
|
// $tab_background:#27293B; //tab切换背景颜色
|
$tab_background:#f7f7f7; //tab切换背景颜色
|
$active_line:#1194F7; //tab选中样式颜色
|
$footer_background:#252738; // 底部颜色
|
$btn_main: #1194F7; //主题色按钮
|
$color_main:#1194F7; //主题色文字
|
$btn_background:#474B62; //按钮颜色
|
// $input_background:#27293B; //input背景颜色
|
$input_background:#f7f7f7; //input背景颜色
|
$cont_background:#27293B; //title背景色
|
$title_color:#B8BDC5;
|
$line_color: #393E49;
|
$bg_dark: #474B62;
|
$border_color: #212C4E;
|
$divi_line: #ddd; //分割线
|
$bg_step: #868D9A;
|
$bg_Bottom:#313346;
|
$chat_bg: #474B62;
|
$upload_bg:#474B62;
|
$grey_bg: #ccc;
|
$input_background1: #131a2e; //质押借币input
|
$c2c_color: #333;
|
$c2c_background: #aaa;
|
$c2c_background1: #ccc;
|
$c2c_tab_background:#ccc;
|
$c2c_tip_background: #aaa;
|
$selectSymbol_background: #131a2e; //自选与选择币种背景颜色
|
$US_tab_background: #1D2439;
|
$US_tabActice_background: #112542;
|
$lable_color: #B6BDD4;
|
$cont_background: #f6f6f6;
|
$delivery_left_tab_background: #1B2134;
|
$delivery_tab_background: #2A324D;
|
$search_background: #1B233B;
|
$pledgeLoan_background:#00E3FF;
|
$bg_yellow:#f7b600;
|
$log-c: #282828;
|
$icon-bg:#dbdbdb;
|
$inp-b: #f7f7f7;
|
// $text_color:$log-c;
|
.yellow-bg{
|
background: $bg_yellow;
|
}
|
.mainBackground{
|
// background: $main_background;
|
background: $inp-b;
|
}
|
// .textColor{color:$text_color}
|
.textColor{color:$log-c}
|
// .textColor1{color:$text_color1}
|
// .textColor2{color:$text_color2}
|
// .textColor3{color:$text_color3}
|
.textColor1{color:$log-c}
|
.textColor2{color:$log-c}
|
.textColor3{color:$log-c}
|
.c2cColor{color:$c2c_color}
|
.labelColor{color:$text_color6}
|
.tabBackground{
|
// background: $tab_background;
|
background: $inp-b;
|
}
|
.activeLine{
|
background: $active_line;
|
}
|
.bgFooter{
|
background: $footer_background;
|
}
|
.btnMain{
|
background: $btn_main;
|
}
|
.colorMain{
|
color: $color_main;
|
}
|
.borderMain {
|
border: 1px solid $color_main;
|
}
|
.borderColor {
|
border: 1px solid $border_color;
|
}
|
.btnBackground{
|
background: $btn_background;
|
}
|
.inputBackground{
|
// background: $input_background;
|
background: $inp-b;
|
}
|
.inputBackground1{
|
// background: $input_background1;
|
background: $inp-b;
|
}
|
.contBackground{
|
background:$cont_background;
|
}
|
.titleColor{
|
color: $title_color;
|
}
|
.border-b-color{
|
border-bottom: 1px solid $line_color;
|
}
|
.border-t-color {
|
border-top: 1px solid $line_color;
|
}
|
.bgDark {
|
background: $bg_dark;
|
}
|
.diviLine{
|
background: $divi_line;
|
}
|
.bgStep{
|
background: $bg_step;
|
}
|
.bgBottom{
|
background: $bg_Bottom;
|
}
|
.chatBg{
|
background: $chat_bg;
|
}
|
.uploadBg {
|
background: $upload_bg;
|
}
|
.greyBg {
|
background: $grey_bg;
|
}
|
.c2cBackground {
|
background: $c2c_background;
|
}
|
.c2cBackground1 {
|
background: $c2c_background1;
|
}
|
.c2cTabBackground {
|
background: $c2c_tab_background;
|
}
|
.c2cTipBackground{
|
background: $c2c_tip_background;
|
}
|
.main2_background{
|
background: $main2_background;
|
}
|
.delivery_tab_background{
|
background: $delivery_tab_background;
|
}
|
.delivery_left_tab_background{
|
background: $delivery_left_tab_background;
|
}
|
.pledgeLoan_background{
|
background: $pledgeLoan_background;
|
}
|
|
.rounded-ban {
|
border-radius: 2.5rem;
|
}
|
|
|
/* 颜色值 */
|
$white: #ffffff;
|
$black: #000000;
|
$dark-black: #22262F;
|
// $grey:#868C9A;
|
$grey: #E5E7ED;
|
$dark-grey: #868C9A;
|
$light-grey: #C8CAD2;
|
$border-grey: #E5E7ED;
|
$blue: #1194F7;
|
$light-blue: #1199FA;
|
$red: #F43368;
|
$green: #06CDA5;
|
$purple: #9A4DFD;
|
$night: #131a2e;
|
