gaoluyang
5 天以前 c7566bba45e6f90594d36ec4b80ac4ff89f577ee
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
// 暗色模式收口。
//
// 仅补「LIMS 皮肤需要显式反转」的位置;element-plus 自带的暗色主题已覆盖大部分组件,
// 而 variables.module.scss 里原有的业务定制 html.dark 块(侧边栏/页签/详情抽屉/通知/字典抽屉)
// 必须保留,不要在这里重复或覆盖。
 
html.dark {
  body {
    background-color: var(--lims-bg);
    color: var(--lims-text);
  }
 
  /* 表格铺底跟随暗色 token(表头色由 theme/element.scss 的 .el-table 规则读 --lims-table-head-bg 得到) */
  .el-table {
    --el-table-bg-color: var(--lims-surface);
    --el-table-tr-bg-color: var(--lims-surface);
    --el-table-header-bg-color: var(--lims-table-head-bg);
  }
 
  .el-card,
  .el-tabs--border-card,
  .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
    background-color: var(--lims-surface);
  }
 
  .el-tabs--border-card > .el-tabs__header {
    background-color: var(--lims-surface-2);
  }
 
  .el-dialog,
  .el-message-box {
    background-color: var(--lims-surface);
  }
}