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'] ElOption: typeof import('element-plus/es')['ElOption']
ElPagination: typeof import('element-plus/es')['ElPagination'] ElPagination: typeof import('element-plus/es')['ElPagination']
ElPopover: typeof import('element-plus/es')['ElPopover'] ElPopover: typeof import('element-plus/es')['ElPopover']
ElProgress: typeof import('element-plus/es')['ElProgress']
ElRadio: typeof import('element-plus/es')['ElRadio'] ElRadio: typeof import('element-plus/es')['ElRadio']
ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup'] ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
ElRow: typeof import('element-plus/es')['ElRow'] ElRow: typeof import('element-plus/es')['ElRow']

View File

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