/*  公共 用于主题色变换  */
:root {
  /* 主题色--通用 */
  --theme-common-color: #000000;
}


/* 浅色模式 */
:root {
  --background-color: #ffffff;
  --text-color: #000000;
  --border-color: #E5E7EB;
  --text-info-color: #4B5563;
  /* main盒子 背景色 */
  --main-background-color: #f9fafb;
  /* 菜单选择 文本颜色 */
  --menu-select-text-color: #ffffff;
  /* 菜单选择 背景色 */
  --menu-select-background-color: #000000;
  /* 菜单未选择 文本颜色 */
  --menu-no-select-text-color: #374151;
  /* 上传组件 边框颜色 */
  --upload-border-color: #D1D5DB;
  /* 表格 头 文本颜色 */
  --table-header-text-color: #4B5563;
  /* 表格 头 背景色 */
  --table-header-background-color: #f9fafb;
  /* 表格 行 hover 颜色 */
  --table-tr-hover-color: #F3F4F6;
  /* 骨架屏 背景色 */
  --skeleton-background-color: linear-gradient(90deg, #f0f2f5 25%, #e6e8eb 37%, #f0f2f5 63%);
}


/* 深色模式 */
html.dark {
  --background-color: #1F2937;
  --text-color: #ffffff;
  --border-color: #374151;
  --text-info-color: #9CA3AF;
  /* main盒子 背景色 */
  --main-background-color: #111827;
  /* 菜单选择 文本颜色 */
  --menu-select-text-color: #ffffff;
  /* 菜单选择 背景色 */
  --menu-select-background-color: #000000;
  /* 菜单未选择 文本颜色 */
  --menu-no-select-text-color: #D1D5DB;
  /* 上传组件 边框颜色 */
  --upload-border-color: #4B5563;
  /* 表格 头 文本颜色 */
  --table-header-text-color: #D1D5DB;
  /* 表格 头 背景色 */
  --table-header-background-color: #364150;
  /* 表格 行 hover 颜色 */
  --table-tr-hover-color: #374151;
  /* 骨架屏 背景色 */
  --skeleton-background-color: linear-gradient(90deg, #303030 25%, #424243 37%, #303030 63%);
}

