/* 颜色变量名字必须以--开头 */
:root {
  --bg-color: #161616;
  --border-color: #707070;
  --hover-color:rgba(250,250,250,0.08);
  --background-color:rgba(250, 250, 250, .08);
  --select-background-color: rgba(22, 22, 22, .8);
  --select-border-color: rgba(22, 22, 22,1);
  --line-background:rgba(255, 255, 255, 0.3);
  --table-background:rgba(255, 255, 255, 0.5);
  --ring-background:#2D2D2D;
  --municipal-background:rgba(34, 34, 34, 0.45); 
  --border-blue:#0077FF;
  --font-blue: #5298E9;
  --font-orange: #C77231;
  --font-green: #3AC65E;
  --font-red: #FF4040;
  --background-color-blue: #0077FF;
  --table-header-font-color: #D2D23B;
  --table-body-font-color: #5298E9;
  --table-tr-th-striped-background-color: #222222;
  --table-loading-background-color: rgba(0, 0, 0, 0.5);
  --pagination-total-font-color: #5298E9;
  --pagination-select-background-color: #161616;
  --form-label-font-color: #fff;
  --form-input-font-color: #5298E9;
  --form-input-background-color: #555;
  --form-input-border-color: #555;

  --app-background-color:rgb(22, 22, 22);
  --pop-background:rgba(0, 119, 255, 0.2);
  --label-font-color: #8793A0;
  --input-border:#DCDCDC;
  --base-background-color:rgba(22,22,22,0.7);
  --switch-font-color: #0077FF;
  --switch-bg-color: #161616;
  --menu-color: #222222;
  --input-bg-color: #161616;
  --table-tr-th-background-color: #111111;
  --font-yellow: #D2D23B;
  --list-background:#202020;
  --font-color: #ffffff;
  --table-background-color:#313131;
  /* --active-background-color:#333333; */
  --caninet-background-color:#444;
  --picker-background-color:#3E3E3E;
  --checkbox-inner-color:#DCDFE6;
  --header-background-color:#333333;
}