support dark mode

This commit is contained in:
zhenorzz 2023-06-20 16:51:11 +08:00
parent 73cc89bfde
commit 04843c0fff
2 changed files with 5 additions and 4 deletions

1
web/components.d.ts vendored
View File

@ -37,6 +37,7 @@ declare module '@vue/runtime-core' {
ElOption: typeof import('element-plus/es')['ElOption']
ElPagination: typeof import('element-plus/es')['ElPagination']
ElPopover: typeof import('element-plus/es')['ElPopover']
ElProgress: typeof import('element-plus/es')['ElProgress']
ElRadio: typeof import('element-plus/es')['ElRadio']
ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
ElRow: typeof import('element-plus/es')['ElRow']

View File

@ -68,7 +68,7 @@
shadow="hover"
:body-style="{
padding: '0px',
backgroundColor: '#fff',
backgroundColor: 'var(--el-bg-color)',
position: 'relative',
}"
class="card"
@ -939,7 +939,7 @@ function setStick(value: string) {
.deploying:before {
animation: roll linear 3s infinite;
background: conic-gradient(#e6a23c, #fff);
background: conic-gradient(var(--el-color-warning), var(--el-bg-color));
left: 50%;
top: 50%;
}
@ -947,7 +947,7 @@ function setStick(value: string) {
.success:before {
animation: opacity 3s 1;
animation-fill-mode: forwards;
background: #67c23a;
background: var(--el-color-success);
left: -50%;
top: -50%;
}
@ -955,7 +955,7 @@ function setStick(value: string) {
.fail:before {
animation: opacity linear 5s 1;
animation-fill-mode: forwards;
background: #f56c6c;
background: var(--el-color-danger);
left: -50%;
top: -50%;
}