fix: el-tag styles for dark theme

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

View File

@@ -341,9 +341,34 @@ div.x-friend-list
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 {
background-color: $--theme-border-2;
border-color: hsl($--theme-hue, $--theme-saturation, 14%);
background-color: $--theme-bg-5;
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 {

View File

@@ -575,8 +575,11 @@ img.friends-list-avatar {
border-radius: var(--dv_md-rounded);
}
.el-tag,
.el-tag.el-tag--success,
.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);
}

View File

@@ -184,7 +184,11 @@ a {
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;
}

View File

@@ -1122,8 +1122,14 @@ input[type='number'],
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));
background-color: transparent;
}
/* Friend */

View File

@@ -224,9 +224,17 @@ i.el-icon-close:hover {
}
.el-tag.el-tag--info {
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);
border: 1px solid var(--lighter-lighter-lighter-lighter-bg);
}
.el-collapse-item__header > span + span,
.el-form-item__label,
.el-pagination__total,
@@ -365,7 +373,7 @@ input[type='checkbox']:checked + .el-switch__core {
.el-collapse-item .el-tag--mini {
border: transparent;
background-color: #333;
background-color: var(--lighter-lighter-bg);
}
.el-divider {
background-color: #606266;