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

feat: Add option for official VRChat status colors

Browse Source
This commit is contained in:
pa
2026-03-17 20:55:46 +09:00
parent 56e7f910ef
commit cce4520a1a
4 changed files with 61 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/stores/settings/appearance.js
View File

@@ -117,6 +117,7 @@ export const useAppearanceSettingsStore = defineStore(
const isDataTableStriped = ref(false);
const showPointerOnHover = ref(false);
const accessibleStatusIndicators = ref(false);
const useOfficialStatusColors = ref(true);
const showNewDashboardButton = ref(true);
const tableLimitsDialog = ref({
visible: false,
@@ -178,6 +179,7 @@ export const useAppearanceSettingsStore = defineStore(
dataTableStripedConfig,
showPointerOnHoverConfig,
accessibleStatusIndicatorsConfig,
useOfficialStatusColorsConfig,
showNewDashboardButtonConfig,
appFontFamilyConfig,
customFontFamilyConfig,
@@ -249,6 +251,7 @@ export const useAppearanceSettingsStore = defineStore(
configRepository.getBool('VRCX_dataTableStriped', false),
configRepository.getBool('VRCX_showPointerOnHover', false),
configRepository.getBool('VRCX_accessibleStatusIndicators', false),
configRepository.getBool('VRCX_useOfficialStatusColors', true),
configRepository.getBool('VRCX_showNewDashboardButton', true),
configRepository.getString(
'VRCX_fontFamily',
@@ -366,10 +369,12 @@ export const useAppearanceSettingsStore = defineStore(
isDataTableStriped.value = dataTableStripedConfig;
showPointerOnHover.value = showPointerOnHoverConfig;
accessibleStatusIndicators.value = accessibleStatusIndicatorsConfig;
useOfficialStatusColors.value = useOfficialStatusColorsConfig;
showNewDashboardButton.value = showNewDashboardButtonConfig;
applyPointerHoverClass();
applyAccessibleStatusClass();
applyOfficialStatusColorsClass();
await configRepository.remove('VRCX_navWidth');
@@ -965,6 +970,30 @@ export const useAppearanceSettingsStore = defineStore(
applyAccessibleStatusClass();
}
/**
*
*/
function applyOfficialStatusColorsClass() {
const classList = document.documentElement.classList;
classList.remove('vrcx-status-colors');
if (!useOfficialStatusColors.value) {
classList.add('vrcx-status-colors');
}
}
/**
*
*/
function toggleOfficialStatusColors() {
useOfficialStatusColors.value = !useOfficialStatusColors.value;
configRepository.setBool(
'VRCX_useOfficialStatusColors',
useOfficialStatusColors.value
);
applyOfficialStatusColorsClass();
}
/**
*
*/
@@ -1211,6 +1240,7 @@ export const useAppearanceSettingsStore = defineStore(
isDataTableStriped,
showPointerOnHover,
accessibleStatusIndicators,
useOfficialStatusColors,
showNewDashboardButton,
tableLimitsDialog,
TABLE_MAX_SIZE_MIN,
@@ -1247,6 +1277,7 @@ export const useAppearanceSettingsStore = defineStore(
toggleStripedDataTable,
togglePointerOnHover,
toggleAccessibleStatusIndicators,
toggleOfficialStatusColors,
setShowNewDashboardButton,
setTableDensity,
setTrustColor,