perf: 💄 Optimize the display effect of the dark mode

This commit is contained in:
viarotel 2024-07-25 16:43:51 +08:00
parent 8becb56c94
commit 38f854b6db
2 changed files with 13 additions and 17 deletions

View File

@ -95,7 +95,6 @@
>
<EleTagCollapse
effect="light"
borderless
:value="row.devices"
:label="(item) => item.$remark || `${item.$name} (${item.id})`"
class="justify-center"

View File

@ -1,24 +1,21 @@
:root,
:root.dark {
/* --el-font-size-base: 14px;
--el-font-size-small: 16px;
--el-font-size-large: 18px; */
:root {
--el-color-primary: rgba(var(--color-primary), 1);
--el-color-primary-dark-2: rgba(var(--color-primary-600), 1);
--el-color-primary-light-1: rgba(var(--color-primary-400), 1);
--el-color-primary-light-2: rgba(var(--color-primary-400), 1);
--el-color-primary-light-3: rgba(var(--color-primary-300), 1);
--el-color-primary-light-4: rgba(var(--color-primary-300), 1);
--el-color-primary-light-5: rgba(var(--color-primary-200), 1);
--el-color-primary-light-6: rgba(var(--color-primary-200), 1);
--el-color-primary-light-7: rgba(var(--color-primary-100), 1);
--el-color-primary-light-3: rgba(var(--color-primary-400), 1);
--el-color-primary-light-5: rgba(var(--color-primary-300), 1);
--el-color-primary-light-7: rgba(var(--color-primary-200), 1);
--el-color-primary-light-8: rgba(var(--color-primary-100), 1);
--el-color-primary-light-9: rgba(var(--color-primary-50), 1);
--el-color-primary-dark-2: rgba(var(--color-primary-600), 1);
}
:root.dark.dark {
--el-color-primary: rgba(var(--color-primary-400), 1);
:root.dark {
--el-color-primary: rgba(var(--color-primary-500), 1);
--el-color-primary-light-3: rgba(var(--color-primary-300), 1);
--el-color-primary-light-5: rgba(var(--color-primary-500), 1);
--el-color-primary-light-7: rgba(var(--color-primary-700), 1);
--el-color-primary-light-8: rgba(var(--color-primary-800), 1);
--el-color-primary-light-9: rgba(var(--color-primary-900), 1);
--el-color-primary-dark-2: rgba(var(--color-primary-400), 1);
}
.el-tabs-flex {