/*全局变量*/
:root {
  /*主题色*/
  --theme-color-skyblue: #4170FC;
  --theme-color-darkblue: #004A80;

  /*基础样式*/
  --kw-color-promary: var(--theme-color-skyblue);
  --kw-text-color-primary: #303133;
  --kw-text-color-regular: #606266;
  --kw-text-color-secondary: #909399;
  --kw-text-color-placeholder: #a8abb2;
  --kw-text-color-disabled: #c0c4cc;
  --kw-color-info-rgb: 144, 147, 153;
  --kw-font-size-extra-large: 20px;
  --kw-font-size-large: 18px;
  --kw-font-size-medium: 16px;
  --kw-font-size-base: 14px;
  --kw-font-size-small: 13px;
  --kw-font-size-extra-small: 12px;
  --kw-font-weight-primary: 500;
  --kw-font-line-height-primary: 24px;
  --kw-border-color: #dcdfe6;
  --kw-border-color-light: #e4e7ed;
  --kw-border-color-lighter: #ebeef5;
  --kw-border-color-extra-light: #f2f6fc;
  --kw-border-color-dark: #d4d7de;
  --kw-border-color-darker: #cdd0d6;

  /*页面样式*/
  --navbar-bg-color: #4170FC;
  --navbar-text-color: #fff;
  --navbar-menu-active-color: #4170FC;
  --navbar-menu-active-bg-color: #fff;

   /*表单菜单树*/
  --app-form-menu-active-color: #4170FC;
  --app-form-menu-bg-color: #fff;
  --app-form-menu-item-hover-bg-color: #F5F7FA;
  --app-form-menu-text-color: var(--kw-text-color-regular);
  --app-form-menu-active-bg-color: rgba(24, 144, 255, 0.1);
  --app-form-menu-active-text-color: rgb(24, 144, 255);
  --app-form-menu-active-border-color: rgb(24, 144, 255);
  /*表单搜索框样式*/
  --app-form-menu-search-bg-color: #fff;
  --app-form-menu-search-text-color: var(--kw-text-color-regular);
  --app-form-menu-search-border-color: #DCDFE6;
  /*表单数据页*/
  --app-form-header-bg-color: #fff;
  --app-form-header-text-color: var(--kw-text-color-regular);

  /*弹窗样式*/
  --dialog-header-bg-color: #4170FC;
}

html[theme=darkblue] {
  --kw-color-promary: var(--theme-color-darkblue);

  /*基础样式*/
  --kw-bg-color-overlay: #1d1e1f;
  --kw-text-color-primary: #E5EAF3;
  --kw-text-color-regular: #CFD3DC;
  --kw-text-color-secondary: #A3A6AD;
  --kw-text-color-placeholder: #8D9095;
  --kw-text-color-disabled: #6C6E72;
  --kw-border-color-darker: #636466;
  --kw-border-color-dark: #58585B;
  --kw-border-color: #4C4D4F;
  --kw-border-color-light: #414243;
  --kw-border-color-lighter: #363637;
  --kw-border-color-extra-light: #2B2B2C;

  /*黑蓝色导航栏*/
  --navbar-bg-color:  #004A80;
  --navbar-text-color: #fff;
  --navbar-menu-active-color: #7698fc;
  --navbar-menu-active-bg-color: #7698fc;

   /*表单菜单树*/
  --app-form-menu-bg-color: #004A80;
  --app-form-menu-item-hover-bg-color: #2d6a96;
  --app-form-menu-text-color: #fff;
  --app-form-menu-active-bg-color: rgb(24, 144, 255);
  --app-form-menu-active-text-color: #fff;
  --app-form-menu-active-border-color: rgb(24, 144, 255);
  /*表单搜索框样式*/
  --app-form-menu-search-bg-color: #2d6a96;
  --app-form-menu-search-text-color: #fff;
  --app-form-menu-search-border-color: #3c4862;
  /*表单数据页*/
  --app-form-header-bg-color: #004A80;
  --app-form-header-text-color: #fff;

  /*弹窗样式*/
  --dialog-header-bg-color: #004A80;
}