Update dark styles

This commit is contained in:
the1812 2025-07-21 23:11:37 +08:00
parent 265d4f59da
commit 83b9800d8a
5 changed files with 16 additions and 4 deletions

View File

@ -156,9 +156,15 @@ defineExpose({
.list-game-cards-title {
font-size: large;
@include semi-bold();
body.dark & {
color: var(--be-color-text-title, #eee);
}
}
.list-game-cards {
@include v-stretch();
body.dark & {
color: var(--be-color-text-content, #aaa);
}
.list-game-card {
@include single-line();
padding: 4px 0;

View File

@ -7,6 +7,8 @@ body.integrated-dark {
--be-color-card-bg: var(--bg1_float);
--be-color-card-border: var(--line_regular);
--be-color-tooltip-bg: var(--bg1_float);
--be-color-button-bg: var(--bg1_float);
--be-color-button-bg-hover: var(--graph_bg_thick);
--be-color-button-border: var(--line_regular);

View File

@ -341,8 +341,8 @@ export default Vue.extend({
color: black;
background-color: #fff;
body.dark & {
color: #eee;
background-color: #222;
color: var(--be-color-text-title, #eee);
background-color: var(--be-color-panel-bg, #222);
}
.suggest-highlight {
color: var(--theme-color);

View File

@ -133,7 +133,7 @@ export default Vue.extend({
min-width: 372px;
padding: 12px;
box-sizing: border-box;
@include card();
@include popup();
&.open {
transform: translateX(0);
}

View File

@ -1,4 +1,8 @@
.tippy-box {
.tippy-box.tippy-box {
font-size: inherit;
filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2));
background-color: var(--be-color-tooltip-bg, #333);
}
.tippy-arrow.tippy-arrow {
color: var(--be-color-tooltip-bg, #333);
}