MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-23 08:43:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: change theme handling to support element-ui scss variables

Browse Source
This commit is contained in:
pa
2025-07-27 21:39:10 +09:00
committed by Natsumi
parent 96dfe2fcef
commit def96c1a4d
6 changed files with 91 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/views/Settings/Settings.vue
View File

@@ -340,40 +340,12 @@
</el-button>
<el-dropdown-menu>
<el-dropdown-item
@click.native="saveThemeMode('system')"
v-text="
t('view.settings.appearance.appearance.theme_mode_system')
"></el-dropdown-item>
<el-dropdown-item
@click.native="saveThemeMode('light')"
v-text="
t('view.settings.appearance.appearance.theme_mode_light')
"></el-dropdown-item>
<el-dropdown-item
@click.native="saveThemeMode('dark')"
v-text="
t('view.settings.appearance.appearance.theme_mode_dark')
"></el-dropdown-item>
<el-dropdown-item
@click.native="saveThemeMode('darkvanilla')"
v-text="
t('view.settings.appearance.appearance.theme_mode_darkvanilla')
"></el-dropdown-item>
<el-dropdown-item
@click.native="saveThemeMode('darkvanillaold')"
v-text="
t('view.settings.appearance.appearance.theme_mode_darkvanillaold')
"></el-dropdown-item>
<el-dropdown-item
@click.native="saveThemeMode('pink')"
v-text="
t('view.settings.appearance.appearance.theme_mode_pink')
"></el-dropdown-item>
<el-dropdown-item
@click.native="saveThemeMode('material3')"
v-text="
t('view.settings.appearance.appearance.theme_mode_material3')
"></el-dropdown-item>
v-for="(config, themeKey) in THEME_CONFIG"
:key="themeKey"
@click.native="saveThemeMode(themeKey)"
:class="{ 'is-active': themeMode === themeKey }">
{{ t(`view.settings.appearance.appearance.theme_mode_${themeKey}`) }}
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
@@ -1885,6 +1857,7 @@
import FeedFiltersDialog from './dialogs/FeedFiltersDialog.vue';
import AvatarProviderDialog from './dialogs/AvatarProviderDialog.vue';
import { openExternalLink } from '../../shared/utils';
import { THEME_CONFIG } from '../../shared/constants';
const { messages, t } = useI18n();
const { $message } = getCurrentInstance().proxy;