/**
  所有的颜色变量
  方便后期修改
  命名规则 $font-color-1/$background-color-1
**/


//主色调
$theme_1_main_color1: #368FEC;
//字体色
$theme_1_font_white:#ffffff;
$theme_1_font_gray_1:#979797;
$theme_1_font_gray_2:#C5C5C9;
$theme_1_font_gray_3:#D5D5D5;
$theme_1_font_gray_content_1:#505050;
$theme_1_font_gray_content_2:#949494;
$theme_1_font_blue_btn_1:#407BB9;
$theme_1_font_red_icon_1:#368FEC;
$theme_1_font_green_icon_1:#4CB01A;
$theme_1_font_red_1:#EB3F57;
//背景色
$theme_1_bg_white:#ffffff;
$theme_1_bg_gray_1:#C5C5C9;
$theme_1_bg_gray_2:#F6F6F6;  //个人信息，验证
$theme_1_bg_gray_3:#505050;  //验证页标题
$theme_1_bg_gray_4:#F8F8F8;  //新闻，图表
$theme_1_bg_gray_5:#F9F9F9;  //白底表格移入时，
$theme_1_bg_gray_6:#323232;  //按钮
$theme_1_bg_gray_7:#F2F2F2;
$theme_1_bg_gray_opacity_1:rgba(248, 248, 248, 0.8);  //图表
//$theme_1_bg_red_1:#EB3F57;
$theme_1_bg_blue_1:#3490CE;
$theme_1_bg_blue_2:#407BB9;
$theme_1_bg_red_1:#EB3F57;
//边框色
$theme_1_bd_white:#ffffff;  //三角形
$theme_1_bd_gray_1:#979797;
$theme_1_bd_gray_2:#9C9C9C;
$theme_1_bd_gray_3:#DADADA;
$theme_1_bd_gray_4:#EAEAEA;
$theme_1_bd_gray_5:#C5C5C9;
$theme_1_bd_gray_6:#C4C4C4;
$theme_1_bd_gray_7:#DCDCDC;
$theme_1_bd_gray_8:#D5D5D5;
$theme_1_bd_gray_9:#323232;
$theme_1_bd_red_1:#EB3F57;
$theme_1_bd_blue_1:#368FEC;



// 主色调
@mixin font_main() {
  color: $theme_1_main_color1;

  [data-theme="theme1"] & {
    color: $theme_1_main_color1;
  }
}

@mixin bg_main() {
  background-color: $theme_1_main_color1;

  [data-theme="theme1"] & {
    background-color: $theme_1_main_color1;
  }
}

// 字体色
@mixin font_white() {
  color: $theme_1_font_white;
  [data-theme="theme1"] & {
    color: $theme_1_font_white;
  }
}

@mixin font_gray_1() {
  color: $theme_1_font_gray_1;
  [data-theme="theme1"] & {
    color: $theme_1_font_gray_1;
  }
}

@mixin font_gray_2() {
  color: $theme_1_font_gray_2;
  [data-theme="theme1"] & {
    color: $theme_1_font_gray_2;
  }
}

@mixin font_gray_3() {
  color: $theme_1_font_gray_3;
  [data-theme="theme1"] & {
    color: $theme_1_font_gray_3;
  }
}

@mixin font_gray_content_1() {
  color: $theme_1_font_gray_content_1;
  [data-theme="theme1"] & {
    color: $theme_1_font_gray_content_1;
  }
}

@mixin font_gray_content_2() {
  color: $theme_1_font_gray_content_2;
  [data-theme="theme1"] & {
    color: $theme_1_font_gray_content_2;
  }
}

@mixin font_blue_btn_1() {
  color: $theme_1_font_blue_btn_1;
  [data-theme="theme1"] & {
    color: $theme_1_font_blue_btn_1;
  }
}

@mixin font_red_icon_1() {
  color: $theme_1_font_red_icon_1;
  [data-theme="theme1"] & {
    color: $theme_1_font_red_icon_1;
  }
}

@mixin font_green_icon_1() {
  color: $theme_1_font_green_icon_1;
  [data-theme="theme1"] & {
    color: $theme_1_font_green_icon_1;
  }
}

@mixin font_red_1() {
  color: $theme_1_font_red_1;
  [data-theme="theme1"] & {
    color: $theme_1_font_red_1;
  }
}

// 背景色
@mixin bg_white() {
  background-color: $theme_1_bg_white;
  [data-theme="theme1"] & {
    background-color: $theme_1_bg_white;
  }
}

@mixin bg_gray_1() {
  background-color: $theme_1_bg_gray_1;
  [data-theme="theme1"] & {
    background-color: $theme_1_bg_gray_1;
  }
}

@mixin bg_gray_2() {
  background-color: $theme_1_bg_gray_2;
  [data-theme="theme1"] & {
    background-color: $theme_1_bg_gray_2;
  }
}

@mixin bg_gray_3() {
  background-color: $theme_1_bg_gray_3;
  [data-theme="theme1"] & {
    background-color: $theme_1_bg_gray_3;
  }
}

@mixin bg_gray_4() {
  background-color: $theme_1_bg_gray_4;
  [data-theme="theme1"] & {
    background-color: $theme_1_bg_gray_4;
  }
}

@mixin bg_gray_5() {
  background-color: $theme_1_bg_gray_5;
  [data-theme="theme1"] & {
    background-color: $theme_1_bg_gray_5;
  }
}

@mixin bg_gray_6() {
  background-color: $theme_1_bg_gray_6;
  [data-theme="theme1"] & {
    background-color: $theme_1_bg_gray_6;
  }
}

@mixin bg_gray_7() {
  background-color: $theme_1_bg_gray_7;
  [data-theme="theme1"] & {
    background-color: $theme_1_bg_gray_7;
  }
}

@mixin bg_gray_opacity_1() {
  background-color: $theme_1_bg_gray_opacity_1;
  [data-theme="theme1"] & {
    background-color: $theme_1_bg_gray_opacity_1;
  }
}

@mixin bg_blue_1() {
  background-color: $theme_1_bg_blue_1;
  [data-theme="theme1"] & {
    background-color: $theme_1_bg_blue_1;
  }
}

@mixin bg_blue_2() {
  background-color: $theme_1_bg_blue_2;
  [data-theme="theme1"] & {
    background-color: $theme_1_bg_blue_2;
  }
}

@mixin bg_red_1() {
  background-color: $theme_1_bg_red_1;
  [data-theme="theme1"] & {
    background-color: $theme_1_bg_red_1;
  }
}

//边框色
@mixin border_white() {
  border-color: $theme_1_bd_white;
  [data-theme="theme1"] & {
    border-color: $theme_1_bd_white;
  }
}

@mixin border_gray_1() {
  border-color: $theme_1_bd_gray_1;
  [data-theme="theme1"] & {
    border-color: $theme_1_bd_gray_1;
  }
}

@mixin border_gray_2() {
  border-color: $theme_1_bd_gray_2;
  [data-theme="theme1"] & {
    border-color: $theme_1_bd_gray_2;
  }
}

@mixin border_gray_3() {
  border-color: $theme_1_bd_gray_3;
  [data-theme="theme1"] & {
    border-color: $theme_1_bd_gray_3;
  }
}

@mixin border_gray_4() {
  border-color: $theme_1_bd_gray_4;
  [data-theme="theme1"] & {
    border-color: $theme_1_bd_gray_4;
  }
}

@mixin border_gray_5() {
  border-color: $theme_1_bd_gray_5;
  [data-theme="theme1"] & {
    border-color: $theme_1_bd_gray_5;
  }
}

@mixin border_gray_6() {
  border-color: $theme_1_bd_gray_6;
  [data-theme="theme1"] & {
    border-color: $theme_1_bd_gray_6;
  }
}

@mixin border_gray_7() {
  border-color: $theme_1_bd_gray_7;
  [data-theme="theme1"] & {
    border-color: $theme_1_bd_gray_7;
  }
}

@mixin border_gray_8() {
  border-color: $theme_1_bd_gray_8;
  [data-theme="theme1"] & {
    border-color: $theme_1_bd_gray_8;
  }
}

@mixin border_gray_9() {
  border-color: $theme_1_bd_gray_9;
  [data-theme="theme1"] & {
    border-color: $theme_1_bd_gray_9;
  }
}

@mixin border_red_1() {
  border-color: $theme_1_bd_red_1;
  [data-theme="theme1"] & {
    border-color: $theme_1_bd_red_1;
  }
}

@mixin border_bottom_red_1() {
  border-bottom-color: $theme_1_bd_red_1;
  [data-theme="theme1"] & {
    border-bottom-color: $theme_1_bd_red_1;
  }
}
@mixin border_bottom_white_1() {
  border-bottom-color: $theme_1_bd_white;
  [data-theme="theme1"] & {
    border-bottom-color: $theme_1_bd_white;
  }
}
@mixin border_bottom_blue_1() {
  border-bottom-color: $theme_1_bd_blue_1;
  [data-theme="theme1"] & {
    border-bottom-color: $theme_1_bd_blue_1;
  }
}



