Dark theme base

This commit is contained in:
Natsumi
2024-08-12 06:37:43 +12:00
parent 7528fb80c3
commit 65e5ef5bc6
5 changed files with 694 additions and 640 deletions
+18 -8
View File
@@ -15692,6 +15692,11 @@ speechSynthesis.getVoices();
}; };
$app.methods.changeThemeMode = async function () { $app.methods.changeThemeMode = async function () {
if (
document.contains(document.getElementById('app-theme-dark-style'))
) {
document.getElementById('app-theme-dark-style').remove();
}
if (document.contains(document.getElementById('app-theme-style'))) { if (document.contains(document.getElementById('app-theme-style'))) {
document.getElementById('app-theme-style').remove(); document.getElementById('app-theme-style').remove();
} }
@@ -15704,7 +15709,11 @@ speechSynthesis.getVoices();
this.isDarkMode = false; this.isDarkMode = false;
break; break;
case 'dark': case 'dark':
$appThemeStyle.href = 'theme.dark.css'; $appThemeStyle.href = '';
this.isDarkMode = true;
break;
case 'darkvanillaold':
$appThemeStyle.href = 'theme.darkvanillaold.css';
this.isDarkMode = true; this.isDarkMode = true;
break; break;
case 'darkvanilla': case 'darkvanilla':
@@ -15720,21 +15729,22 @@ speechSynthesis.getVoices();
this.isDarkMode = true; this.isDarkMode = true;
break; break;
case 'system': case 'system':
if (this.systemIsDarkMode()) { this.isDarkMode = this.systemIsDarkMode();
$appThemeStyle.href = 'theme.dark.css';
this.isDarkMode = true;
} else {
$appThemeStyle.href = '';
this.isDarkMode = false;
}
break; break;
} }
if (this.isDarkMode) { if (this.isDarkMode) {
AppApi.ChangeTheme(1); AppApi.ChangeTheme(1);
var $appThemeDarkStyle = document.createElement('link');
$appThemeDarkStyle.setAttribute('id', 'app-theme-dark-style');
$appThemeDarkStyle.rel = 'stylesheet';
$appThemeDarkStyle.href = 'theme.dark.css';
document.head.appendChild($appThemeDarkStyle);
} else { } else {
AppApi.ChangeTheme(0); AppApi.ChangeTheme(0);
} }
if ($appThemeStyle.href) {
document.head.appendChild($appThemeStyle); document.head.appendChild($appThemeStyle);
}
this.updateVRConfigVars(); this.updateVRConfigVars();
await this.updatetrustColor(); await this.updatetrustColor();
}; };
+2 -2
View File
@@ -971,13 +971,13 @@ html
.group-header(style="flex:1") .group-header(style="flex:1")
span(v-if="groupDialog.ref.ownerId === API.currentUser.id" style="margin-right:5px") 👑 span(v-if="groupDialog.ref.ownerId === API.currentUser.id" style="margin-right:5px") 👑
span.dialog-title(v-text="groupDialog.ref.name" style="margin-right:5px") span.dialog-title(v-text="groupDialog.ref.name" style="margin-right:5px")
span.group-discriminator(style="color:#909399;font-family:monospace;font-size:12px;margin-right:5px") {{ groupDialog.ref.shortCode }}.{{ groupDialog.ref.discriminator }} span.group-discriminator.x-grey(style="font-family:monospace;font-size:12px;margin-right:5px") {{ groupDialog.ref.shortCode }}.{{ groupDialog.ref.discriminator }}
el-tooltip(v-for="item in groupDialog.ref.$languages" :key="item.key" placement="top") el-tooltip(v-for="item in groupDialog.ref.$languages" :key="item.key" placement="top")
template(#content) template(#content)
span {{ item.value }} ({{ item.key }}) span {{ item.value }} ({{ item.key }})
span.flags(:class="languageClass(item.key)" style="display:inline-block;margin-right:5px") span.flags(:class="languageClass(item.key)" style="display:inline-block;margin-right:5px")
div(style="margin-top:5px") div(style="margin-top:5px")
span.x-link(v-text="groupDialog.ownerDisplayName" @click="showUserDialog(groupDialog.ref.ownerId)" style="color:#909399;font-family:monospace") span.x-link.x-grey(v-text="groupDialog.ownerDisplayName" @click="showUserDialog(groupDialog.ref.ownerId)" style="font-family:monospace")
.group-tags .group-tags
el-tag(v-if="groupDialog.ref.isVerified" type="info" effect="plain" size="mini" style="margin-right:5px;margin-top:5px") {{ $t('dialog.group.tags.verified') }} el-tag(v-if="groupDialog.ref.isVerified" type="info" effect="plain" size="mini" style="margin-right:5px;margin-top:5px") {{ $t('dialog.group.tags.verified') }}
+109 -65
View File
@@ -2,26 +2,26 @@
* VRCX Dark-Vanilla theme by MintLily * VRCX Dark-Vanilla theme by MintLily
* https://github.com/MintLily/Dark-Vanilla * https://github.com/MintLily/Dark-Vanilla
*/ */
@import 'theme.dark.scss';
:root { :root {
--ThemeName: "Dark Vanilla"; --ThemeName: 'Dark Vanilla';
--ThemeVers: "2.0"; --ThemeVers: '2.0';
--ThemeAuth: "MintLily"; --ThemeAuth: 'MintLily';
--dv_bright: #EECCE0; --dv_bright: #eecce0;
--dv_muted: #906D92; --dv_muted: #906d92;
--dv_bright-rgb: 238, 204, 224; --dv_bright-rgb: 238, 204, 224;
--dv_muted-rgb: 144, 109, 146; --dv_muted-rgb: 144, 109, 146;
--dv_bg-top: #1e2427; --dv_bg-top: #1e2427;
--dv_bg-mid: #191F22; --dv_bg-mid: #191f22;
--dv_bg-bot: #131719; --dv_bg-bot: #131719;
--dv_lg-rounded: 1.0rem; --dv_lg-rounded: 1rem;
--dv_md-rounded: 0.6rem; --dv_md-rounded: 0.6rem;
--dv_sm-rounded: 0.45rem; --dv_sm-rounded: 0.45rem;
--dv_background-modifier-selected: rgba(var(--dv_bright-rgb), 0.2); --dv_background-modifier-selected: rgba(var(--dv_bright-rgb), 0.2);
--dv_background-modifier-hover: rgba(var(--dv_bright-rgb), 0.3); --dv_background-modifier-hover: rgba(var(--dv_bright-rgb), 0.3);
--font-primary: "Encode Sans", "Tofu", "Helvetica Neue", Helvetica, Arial, sans-serif; --font-primary: 'Encode Sans', 'Tofu', 'Helvetica Neue', Helvetica, Arial,
sans-serif;
--shadow: 0 0 15px 5px rgba(0, 0, 0, 0.35); --shadow: 0 0 15px 5px rgba(0, 0, 0, 0.35);
} }
@@ -38,8 +38,11 @@
font-style: normal; font-style: normal;
font-weight: 100 900; font-weight: 100 900;
font-stretch: 100%; font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/encodesans/v19/LDIhapOFNxEwR-Bd1O9uYNmnUQomAgE25imKSbHLR8A6WQw.woff2) format('woff2'); src: url(https://fonts.gstatic.com/s/encodesans/v19/LDIhapOFNxEwR-Bd1O9uYNmnUQomAgE25imKSbHLR8A6WQw.woff2)
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
U+0329, U+1EA0-1EF9, U+20AB;
} }
/* latin-ext */ /* latin-ext */
@@ -48,8 +51,10 @@
font-style: normal; font-style: normal;
font-weight: 100 900; font-weight: 100 900;
font-stretch: 100%; font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/encodesans/v19/LDIhapOFNxEwR-Bd1O9uYNmnUQomAgE25imKSbHLRsA6WQw.woff2) format('woff2'); src: url(https://fonts.gstatic.com/s/encodesans/v19/LDIhapOFNxEwR-Bd1O9uYNmnUQomAgE25imKSbHLRsA6WQw.woff2)
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} }
/* latin */ /* latin */
@@ -58,8 +63,11 @@
font-style: normal; font-style: normal;
font-weight: 100 900; font-weight: 100 900;
font-stretch: 100%; font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/encodesans/v19/LDIhapOFNxEwR-Bd1O9uYNmnUQomAgE25imKSbHLSMA6.woff2) format('woff2'); src: url(https://fonts.gstatic.com/s/encodesans/v19/LDIhapOFNxEwR-Bd1O9uYNmnUQomAgE25imKSbHLSMA6.woff2)
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122,
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} }
body, body,
@@ -93,7 +101,7 @@
background-color: var(--dv_background-modifier-hover); background-color: var(--dv_background-modifier-hover);
} }
li[class="el-menu-item is-active"] { li[class='el-menu-item is-active'] {
background-color: var(--dv_background-modifier-selected); background-color: var(--dv_background-modifier-selected);
} }
@@ -103,13 +111,13 @@
} }
.el-tooltip__popper.is-dark, .el-tooltip__popper.is-dark,
.el-tooltip__popper[x-placement^=right] .popper__arrow::after { .el-tooltip__popper[x-placement^='right'] .popper__arrow::after {
background-color: var(--dv_bg-top); background-color: var(--dv_bg-top);
border-radius: var(--dv_md-rounded); border-radius: var(--dv_md-rounded);
box-shadow: var(--shadow); box-shadow: var(--shadow);
} }
.el-tooltip__popper[x-placement^=right] .popper__arrow::after { .el-tooltip__popper[x-placement^='right'] .popper__arrow::after {
background-color: var(--dv_bg-top); background-color: var(--dv_bg-top);
} }
@@ -156,8 +164,8 @@
color: var(--dv_bright); color: var(--dv_bright);
} }
.el-popper[x-placement^=bottom] .popper__arrow, .el-popper[x-placement^='bottom'] .popper__arrow,
.el-popper[x-placement^=bottom] .popper__arrow::after { .el-popper[x-placement^='bottom'] .popper__arrow::after {
border-bottom-color: var(--dv_bg-top); border-bottom-color: var(--dv_bg-top);
} }
@@ -196,26 +204,36 @@
border: none; border: none;
} }
table.el-table__body[style^="width:"] tr[class="el-table__row"]:hover td, table.el-table__body[style^='width:'] tr[class='el-table__row']:hover td,
table.el-table__body[style^="width:"] tr[class="el-table__row el-table__row--striped"]:hover td { table.el-table__body[style^='width:']
tr[class='el-table__row el-table__row--striped']:hover
td {
background-color: var(--dv_background-modifier-hover); background-color: var(--dv_background-modifier-hover);
transition: 0.1s; transition: 0.1s;
} }
table.el-table__body[style^="width:"] tr[class="el-table__row"]:hover td[class^="el-table_1_column_1"], table.el-table__body[style^='width:']
table.el-table__body[style^="width:"] tr[class="el-table__row el-table__row--striped"]:hover td[class^="el-table_1_column_1"] { tr[class='el-table__row']:hover
td[class^='el-table_1_column_1'],
table.el-table__body[style^='width:']
tr[class='el-table__row el-table__row--striped']:hover
td[class^='el-table_1_column_1'] {
border-top-left-radius: var(--dv_md-rounded); border-top-left-radius: var(--dv_md-rounded);
border-bottom-left-radius: var(--dv_md-rounded); border-bottom-left-radius: var(--dv_md-rounded);
} }
table.el-table__body[style^="width:"] tr[class="el-table__row"]:hover td[class^="el-table_1_column_5"], table.el-table__body[style^='width:']
table.el-table__body[style^="width:"] tr[class="el-table__row el-table__row--striped"]:hover td[class^="el-table_1_column_5"] { tr[class='el-table__row']:hover
td[class^='el-table_1_column_5'],
table.el-table__body[style^='width:']
tr[class='el-table__row el-table__row--striped']:hover
td[class^='el-table_1_column_5'] {
border-top-right-radius: var(--dv_md-rounded); border-top-right-radius: var(--dv_md-rounded);
border-bottom-right-radius: var(--dv_md-rounded); border-bottom-right-radius: var(--dv_md-rounded);
} }
tr[class="el-table__row"]:hover .el-table__expand-icon, tr[class='el-table__row']:hover .el-table__expand-icon,
tr[class="el-table__row el-table__row--striped"]:hover .el-table__expand-icon { tr[class='el-table__row el-table__row--striped']:hover .el-table__expand-icon {
color: #eee; color: #eee;
} }
@@ -249,7 +267,7 @@
> ul > li, > ul > li,
button:disabled { button:disabled {
background-color: var(--dv_bg-bot); background-color: var(--dv_bg-bot);
color: #C0C4CC; color: #c0c4cc;
} }
> button:hover { > button:hover {
@@ -268,14 +286,22 @@
} }
/* Game Log */ /* Game Log */
table.el-table__body[style^="width:"] tr[class="el-table__row"]:hover td[class^="el-table_2_column_6"], table.el-table__body[style^='width:']
table.el-table__body[style^="width:"] tr[class="el-table__row el-table__row--striped"]:hover td[class^="el-table_2_column_6"] { tr[class='el-table__row']:hover
td[class^='el-table_2_column_6'],
table.el-table__body[style^='width:']
tr[class='el-table__row el-table__row--striped']:hover
td[class^='el-table_2_column_6'] {
border-top-left-radius: var(--dv_md-rounded); border-top-left-radius: var(--dv_md-rounded);
border-bottom-left-radius: var(--dv_md-rounded); border-bottom-left-radius: var(--dv_md-rounded);
} }
table.el-table__body[style^="width:"] tr[class="el-table__row"]:hover td[class^="el-table_2_column_11"], table.el-table__body[style^='width:']
table.el-table__body[style^="width:"] tr[class="el-table__row el-table__row--striped"]:hover td[class^="el-table_2_column_11"] { tr[class='el-table__row']:hover
td[class^='el-table_2_column_11'],
table.el-table__body[style^='width:']
tr[class='el-table__row el-table__row--striped']:hover
td[class^='el-table_2_column_11'] {
border-top-right-radius: var(--dv_md-rounded); border-top-right-radius: var(--dv_md-rounded);
border-bottom-right-radius: var(--dv_md-rounded); border-bottom-right-radius: var(--dv_md-rounded);
} }
@@ -347,7 +373,7 @@
/* Favorites */ /* Favorites */
.el-switch.is-checked .el-switch__core, .el-switch.is-checked .el-switch__core,
span[class="el-switch__core"][style*="border-color"] { span[class='el-switch__core'][style*='border-color'] {
background-color: var(--dv_muted) !important; background-color: var(--dv_muted) !important;
border-color: var(--dv_muted) !important; border-color: var(--dv_muted) !important;
} }
@@ -362,28 +388,44 @@
} }
/* Friend Log */ /* Friend Log */
table.el-table__body[style^="width:"] tr[class="el-table__row"]:hover td[class^="el-table_4_column_21"], table.el-table__body[style^='width:']
table.el-table__body[style^="width:"] tr[class="el-table__row el-table__row--striped"]:hover td[class^="el-table_4_column_21"] { tr[class='el-table__row']:hover
td[class^='el-table_4_column_21'],
table.el-table__body[style^='width:']
tr[class='el-table__row el-table__row--striped']:hover
td[class^='el-table_4_column_21'] {
border-top-left-radius: var(--dv_md-rounded); border-top-left-radius: var(--dv_md-rounded);
border-bottom-left-radius: var(--dv_md-rounded); border-bottom-left-radius: var(--dv_md-rounded);
} }
table.el-table__body[style^="width:"] tr[class="el-table__row"]:hover td[class^="el-table_4_column_24"], table.el-table__body[style^='width:']
table.el-table__body[style^="width:"] tr[class="el-table__row el-table__row--striped"]:hover td[class^="el-table_4_column_24"] { tr[class='el-table__row']:hover
td[class^='el-table_4_column_24'],
table.el-table__body[style^='width:']
tr[class='el-table__row el-table__row--striped']:hover
td[class^='el-table_4_column_24'] {
border-top-right-radius: var(--dv_md-rounded); border-top-right-radius: var(--dv_md-rounded);
border-bottom-right-radius: var(--dv_md-rounded); border-bottom-right-radius: var(--dv_md-rounded);
} }
/* Moderation */ /* Moderation */
table.el-table__body[style^="width:"] tr[class="el-table__row"]:hover td[class^="el-table_4_column_25"], table.el-table__body[style^='width:']
table.el-table__body[style^="width:"] tr[class="el-table__row el-table__row--striped"]:hover td[class^="el-table_4_column_25"] { tr[class='el-table__row']:hover
td[class^='el-table_4_column_25'],
table.el-table__body[style^='width:']
tr[class='el-table__row el-table__row--striped']:hover
td[class^='el-table_4_column_25'] {
border-top-right-radius: var(--dv_md-rounded); border-top-right-radius: var(--dv_md-rounded);
border-bottom-right-radius: var(--dv_md-rounded); border-bottom-right-radius: var(--dv_md-rounded);
} }
/* Notification */ /* Notification */
table.el-table__body[style^="width:"] tr[class="el-table__row"]:hover td[class^="el-table_4_column_26"], table.el-table__body[style^='width:']
table.el-table__body[style^="width:"] tr[class="el-table__row el-table__row--striped"]:hover td[class^="el-table_4_column_26"] { tr[class='el-table__row']:hover
td[class^='el-table_4_column_26'],
table.el-table__body[style^='width:']
tr[class='el-table__row el-table__row--striped']:hover
td[class^='el-table_4_column_26'] {
border-top-right-radius: var(--dv_md-rounded); border-top-right-radius: var(--dv_md-rounded);
border-bottom-right-radius: var(--dv_md-rounded); border-bottom-right-radius: var(--dv_md-rounded);
} }
@@ -393,11 +435,10 @@
background-color: var(--dv_bg-bot); background-color: var(--dv_bg-bot);
} }
div[role="treeitem"][class*="is-focusable"] { div[role='treeitem'][class*='is-focusable'] {
background-color: var(--dv_bg-mid); background-color: var(--dv_bg-mid);
} }
.el-switch__core { .el-switch__core {
background-color: var(--dv_bg-bot); background-color: var(--dv_bg-bot);
} }
@@ -422,7 +463,7 @@
border-radius: var(--dv_md-rounded); border-radius: var(--dv_md-rounded);
} }
div.options-container[style="margin-top: 45px; border-top: 1px solid rgb(238, 238, 238); padding-top: 30px;"]:after { div.options-container[style='margin-top: 45px; border-top: 1px solid rgb(238, 238, 238); padding-top: 30px;']:after {
content: var(--ThemeName) ' v' var(--ThemeVers) ' by ' var(--ThemeAuth); content: var(--ThemeName) ' v' var(--ThemeVers) ' by ' var(--ThemeAuth);
color: var(--dv_bright); color: var(--dv_bright);
float: right; float: right;
@@ -431,7 +472,6 @@
font-size: 18pt; font-size: 18pt;
} }
.el-slider__bar { .el-slider__bar {
background-color: var(--dv_muted); background-color: var(--dv_muted);
} }
@@ -459,9 +499,9 @@
color: var(--dv_bright); color: var(--dv_bright);
} }
.el-dialog, .el-dialog,
.el-pager li:not(li.number, li[class*="btn-quicknext"], li[class*="btn-quickprev"]) { .el-pager
li:not(li.number, li[class*='btn-quicknext'], li[class*='btn-quickprev']) {
background-color: var(--dv_bg-top); background-color: var(--dv_bg-top);
border: none; border: none;
border-radius: var(--dv_lg-rounded); border-radius: var(--dv_lg-rounded);
@@ -477,7 +517,6 @@
.el-button--primary:hover { .el-button--primary:hover {
background-color: rgba(var(--dv_muted-rgb), 0.6); background-color: rgba(var(--dv_muted-rgb), 0.6);
border-color: var(--dv_muted); border-color: var(--dv_muted);
} }
.el-textarea__inner { .el-textarea__inner {
@@ -500,10 +539,10 @@
color: #ddd; color: #ddd;
} }
.el-popper[x-placement^=top] .popper__arrow, .el-popper[x-placement^='top'] .popper__arrow,
.el-popper[x-placement^=left] .popper__arrow, .el-popper[x-placement^='left'] .popper__arrow,
.el-popper[x-placement^=right] .popper__arrow, .el-popper[x-placement^='right'] .popper__arrow,
.el-popper[x-placement^=bottom] .popper__arrow { .el-popper[x-placement^='bottom'] .popper__arrow {
display: none; display: none;
} }
@@ -542,13 +581,16 @@
background-color: transparent !important; background-color: transparent !important;
} }
i[class="el-icon-delete"], i[class='el-icon-delete'],
i[class="el-icon-switch-button"], i[class='el-icon-switch-button'],
.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:has(i[class="el-icon-switch-button"]) { .el-dropdown-menu--small
.el-dropdown-menu__item.el-dropdown-menu__item--divided:has(
i[class='el-icon-switch-button']
) {
color: #f56c6c; color: #f56c6c;
} }
i[class="el-icon-star-off"]:not(.el-menu-item div.el-tooltip i) { i[class='el-icon-star-off']:not(.el-menu-item div.el-tooltip i) {
color: #ffd000; color: #ffd000;
} }
@@ -560,7 +602,7 @@
background-color: var(--dv_bg-top); background-color: var(--dv_bg-top);
} }
.el-tab-pane .el-radio-group[style^="margin-left: "] label { .el-tab-pane .el-radio-group[style^='margin-left: '] label {
background-color: transparent !important; background-color: transparent !important;
} }
@@ -588,15 +630,19 @@
color: var(--dv_bright); color: var(--dv_bright);
} }
.x-aside-container { .x-aside-container {
background-color: var(--dv_bg-bot); background-color: var(--dv_bg-bot);
background: linear-gradient(180deg, var(--dv_bg-top) 0%, var(--dv_bg-bot) 25%, var(--dv_bg-bot) 100%); background: linear-gradient(
180deg,
var(--dv_bg-top) 0%,
var(--dv_bg-bot) 25%,
var(--dv_bg-bot) 100%
);
border-top-left-radius: 2rem; border-top-left-radius: 2rem;
border-bottom-left-radius: var(--dv_lg-rounded); border-bottom-left-radius: var(--dv_lg-rounded);
} }
.el-dialog__wrapper[style^="z-index: "] { .el-dialog__wrapper[style^='z-index: '] {
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
} }
@@ -605,7 +651,6 @@
background: none; background: none;
} }
.noty_theme__mint.noty_type__error, .noty_theme__mint.noty_type__error,
.noty_theme__mint.noty_type__success, .noty_theme__mint.noty_type__success,
.noty_theme__mint.noty_type__alert, .noty_theme__mint.noty_type__alert,
@@ -623,11 +668,10 @@
border-bottom: 1px solid var(--dv_bright); border-bottom: 1px solid var(--dv_bright);
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: var(--dv_bg-mid) background: var(--dv_bg-mid);
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: var(--dv_bg-bot) background: var(--dv_bg-bot);
} }
+1 -1
View File
@@ -18,7 +18,7 @@ module.exports = {
dependOn: 'vendor' dependOn: 'vendor'
}, },
'theme.dark': './src/theme.dark.scss', 'theme.dark': './src/theme.dark.scss',
'theme.darkvanillaold': './src/theme.darkvanilla.1.7.scss', 'theme.darkvanillaold': './src/theme.darkvanillaold.scss',
'theme.darkvanilla': './src/theme.darkvanilla.scss', 'theme.darkvanilla': './src/theme.darkvanilla.scss',
'theme.pink': './src/theme.pink.scss', 'theme.pink': './src/theme.pink.scss',
'theme.material3': './src/theme.material3.scss', 'theme.material3': './src/theme.material3.scss',