MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-05-07 14:56:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: el-tag styles for dark theme

Browse Source
This commit is contained in:
pa
2025-08-16 20:38:13 +09:00
committed by Natsumi
parent 2483f80483
commit c72688d722
5 changed files with 52 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/scss/themes/_theme.dark_styles.scss
+27 -2
View File
@@ -341,9 +341,34 @@ div.x-friend-list
background-color: hsl($--theme-hue, $--theme-saturation, 24%); background-color: hsl($--theme-hue, $--theme-saturation, 24%);
} }
.el-tag {
background-color: $--theme-bg-5;
border-color: $--theme-border-2;
color: $--theme-primary;
}
.el-tag.el-tag--success {
background-color: $--theme-bg-5;
border-color: $--theme-border-2;
color: $--theme-success;
}
.el-tag.el-tag--info { .el-tag.el-tag--info {
background-color: $--theme-border-2; background-color: $--theme-bg-5;
border-color: hsl($--theme-hue, $--theme-saturation, 14%); border-color: $--theme-border-2;
color: $--theme-info;
}
.el-tag.el-tag--warning {
background-color: $--theme-bg-5;
border-color: $--theme-border-2;
color: $--theme-warning;
}
.el-tag.el-tag--danger {
background-color: $--theme-bg-5;
border-color: $--theme-border-2;
color: $--theme-danger;
} }
.el-table__expanded-cell:hover { .el-table__expanded-cell:hover {
src/assets/scss/themes/theme.darkvanilla.scss
+4 -1
View File
@@ -575,8 +575,11 @@ img.friends-list-avatar {
border-radius: var(--dv_md-rounded); border-radius: var(--dv_md-rounded);
} }
.el-tag,
.el-tag.el-tag--success,
.el-tag.el-tag--info, .el-tag.el-tag--info,
.el-tag--plain.el-tag--success { .el-tag.el-tag--warning,
.el-tag.el-tag--danger {
background-color: var(--dv_bg-bot); background-color: var(--dv_bg-bot);
} }
src/assets/scss/themes/theme.darkvanillaold.scss
+5 -1
View File
@@ -184,7 +184,11 @@ a {
color: var(--theme-text) !important; color: var(--theme-text) !important;
} }
.el-tag.el-tag--info { .el-tag,
.el-tag.el-tag--success,
.el-tag.el-tag--info,
.el-tag.el-tag--warning,
.el-tag.el-tag--danger {
background: var(--farback) !important; background: var(--farback) !important;
} }
src/assets/scss/themes/theme.material3.scss
+7 -1
View File
@@ -1122,8 +1122,14 @@ input[type='number'],
color: rgb(var(--md-sys-color-error)); color: rgb(var(--md-sys-color-error));
border-color: rgb(var(--md-sys-color-error)); border-color: rgb(var(--md-sys-color-error));
} }
.el-tag.el-tag--info {
.el-tag,
.el-tag.el-tag--success,
.el-tag.el-tag--info,
.el-tag.el-tag--warning,
.el-tag.el-tag--danger {
border-color: rgb(var(--md-sys-color-outline)); border-color: rgb(var(--md-sys-color-outline));
background-color: transparent;
} }
/* Friend */ /* Friend */
src/assets/scss/themes/theme.pink.scss
+9 -1
View File
@@ -224,9 +224,17 @@ i.el-icon-close:hover {
} }
.el-tag.el-tag--info { .el-tag.el-tag--info {
color: #baa; color: #baa;
}
.el-tag,
.el-tag.el-tag--success,
.el-tag.el-tag--info,
.el-tag.el-tag--warning,
.el-tag.el-tag--danger {
background-color: var(--lighter-lighter-bg); background-color: var(--lighter-lighter-bg);
border: 1px solid var(--lighter-lighter-lighter-lighter-bg); border: 1px solid var(--lighter-lighter-lighter-lighter-bg);
} }
.el-collapse-item__header > span + span, .el-collapse-item__header > span + span,
.el-form-item__label, .el-form-item__label,
.el-pagination__total, .el-pagination__total,
@@ -365,7 +373,7 @@ input[type='checkbox']:checked + .el-switch__core {
.el-collapse-item .el-tag--mini { .el-collapse-item .el-tag--mini {
border: transparent; border: transparent;
background-color: #333; background-color: var(--lighter-lighter-bg);
} }
.el-divider { .el-divider {
background-color: #606266; background-color: #606266;