Browse Source

暗黑样式:解密设定窗口 .el-dialog

(cherry picked from commit eb9f7bc003ecaa755240330b2ea32f743be270df)
20230320
邴新科 3 years ago
committed by MengYX
parent
commit
6c51c1a17d
No known key found for this signature in database GPG Key ID: E63F9C7303E8F604
  1. 31
      src/scss/_dark-mode.scss
  2. 1
      src/scss/_variables.scss

31
src/scss/_dark-mode.scss

@ -207,6 +207,37 @@
}
}
// DIALOG
.el-dialog{
background-color: $dark-dialog-bg;
.el-dialog__header{
.el-dialog__title{
color: $dark-text-main;
}
}
.el-dialog__body{
color: $dark-text-main;
.el-input{
.el-input__inner{
color: $dark-text-main;
background-color: $dark-btn-bg;
}
.el-input__suffix{
.el-input__suffix-inner{
}
}
.el-input__count{
.el-input__count-inner{
background-color: transparent;
}
}
}
}
.item-desc{
color: $dark-text-info;
}
}
// 自定义样式

1
src/scss/_variables.scss

@ -22,6 +22,7 @@ $dark-bg : lighten(black, 10%);
$dark-text-main : lighten(black, 90%);
$dark-text-info : lighten(black, 60%);
$dark-uploader-bg : lighten(black, 13%);
$dark-dialog-bg : lighten(black, 15%);
$dark-uploader-bg-highlight : lighten(black, 18%);
$dark-btn-bg : lighten(black, 20%);
$dark-btn-bg-highlight : lighten(black, 30%);

Loading…
Cancel
Save