twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-09 13:53:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 添加整体风格自适应操作系统浅色、深色、自动主题功能，让平台充满现代气息 (#869)

Browse Source 
* feat: 添加整体风格自适应操作系统浅色、深色、自动主题功能，让平台更加现代化

* chore: update
This commit is contained in:
xiaoming
2024-01-14 23:21:43 +08:00
committed by GitHub
parent 61c6ec230a
commit dd78313622
18 changed files with 100 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/style/dark.scss
View File

@@ -1,6 +1,6 @@
@use "element-plus/theme-chalk/src/dark/css-vars.scss" as *;
/* 暗黑模式适配 */
/* 整体暗色风格适配 */
html.dark {
$border-style: #303030;
$color-white: #fff;
@@ -126,7 +126,7 @@ html.dark {
}
}
/* 克隆并自定义 ElMessage 样式，不会影响 ElMessage 原本样式，在 src/utils/message.ts 中调用自定义样式 ElMessage 方法即可，非暗黑模式在 src/style/element-plus.scss 文件进行了适配 */
/* 克隆并自定义 ElMessage 样式，不会影响 ElMessage 原本样式，在 src/utils/message.ts 中调用自定义样式 ElMessage 方法即可，整体浅色风格在 src/style/element-plus.scss 文件进行了适配 */
.pure-message {
background-color: rgb(36 37 37) !important;
background-image: initial !important;