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

add midnight theme and fix some styles

Browse Source
This commit is contained in:
pa
2026-01-18 15:45:36 +09:00
committed by Natsumi
parent 46750d3a0c
commit c326e4fd3e
37 changed files with 655 additions and 471 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/Settings/components/Tabs/AppearanceTab.vue
View File

@@ -21,12 +21,12 @@
<span class="name">{{ t('view.settings.appearance.appearance.theme_mode') }}</span>
<Select :model-value="themeMode" @update:modelValue="setThemeMode">
<SelectTrigger size="sm">
<SelectValue :placeholder="t(`view.settings.appearance.appearance.theme_mode_${themeMode}`)" />
<SelectValue :placeholder="themeDisplayName(themeMode)" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectItem v-for="(config, themeKey) in THEME_CONFIG" :key="themeKey" :value="themeKey">
{{ t(`view.settings.appearance.appearance.theme_mode_${themeKey}`) }}
{{ themeDisplayName(themeKey) }}
</SelectItem>
</SelectGroup>
</SelectContent>
@@ -473,6 +473,15 @@
const { t } = useI18n();
const themeDisplayName = (themeKey) => {
const i18nKey = `view.settings.appearance.appearance.theme_mode_${themeKey}`;
const translated = t(i18nKey);
if (translated !== i18nKey) {
return translated;
}
return THEME_CONFIG[themeKey]?.name ?? themeKey;
};
const appearanceSettingsStore = useAppearanceSettingsStore();
const { saveOpenVROption, updateVRConfigVars } = useVrStore();