调整表格和输入框的背景颜色以适应透明主题

This commit is contained in:
jxxghp
2025-07-01 12:39:44 +08:00
parent 2f4a707498
commit 7f8dd744f2
+13 -3
View File
@@ -356,7 +356,11 @@ html.v-overlay-scroll-blocked {
// 表格
.v-table {
border-radius: 0;
background-color: rgba(var(--v-theme-surface), 0.3);
background-color: rgba(var(--v-theme-surface), 0);
.v-table__wrapper > table > thead {
background-color: rgba(var(--v-theme-surface), 0.3);
}
}
// 页脚
@@ -396,6 +400,12 @@ html.v-overlay-scroll-blocked {
.v-skeleton-loader {
background-color: rgba(var(--v-theme-surface), 0.3);
}
// 输入框和搜索框
.v-field {
background-color: rgba(var(--v-theme-surface), 0);
}
}
// 透明主题下的弹出窗口样式
@@ -414,8 +424,8 @@ html[data-theme="transparent"] {
background-color: rgb(var(--v-theme-surface), 0.5) !important;
}
.v-table thead {
background-color: rgb(var(--v-theme-surface), 0.5) !important;
.v-table__wrapper table thead {
background-color: rgba(var(--v-theme-surface), 0.3);
}
}
}