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

refactor define css var

Browse Source
This commit is contained in:
pa
2026-03-08 19:24:35 +09:00
parent f9ab04ed17
commit 08033e99b6
17 changed files with 257 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/vr/Vr.vue
View File

@@ -1305,7 +1305,7 @@
<span v-text="feed.avatar.name" style="margin-left: 10px"></span>
<span
v-if="feed.avatar.releaseStatus === 'public'"
style="margin-left: 10px; color: #67c23a"
style="margin-left: 10px; color: var(--status-online)"
>(Public)</span
>
<span
@@ -1353,11 +1353,19 @@
</template>
<template v-else-if="feed.type === 'OnPlayerJoined'">
<span style="margin-left: 10px; color: #a3a3a3">has joined</span>
<span v-if="feed.platform === 'Desktop'" style="color: #00b8ff; margin-left: 10px"
<span
v-if="feed.platform === 'Desktop'"
style="color: var(--status-joinme); margin-left: 10px"
>Desktop</span
>
<span v-else-if="feed.platform === 'VR'" style="color: #00b8ff; margin-left: 10px">VR</span>
<span v-else-if="feed.platform === 'Quest'" style="color: #67c23a; margin-left: 10px"
<span
v-else-if="feed.platform === 'VR'"
style="color: var(--status-joinme); margin-left: 10px"
>VR</span
>
<span
v-else-if="feed.platform === 'Quest'"
style="color: var(--platform-quest); margin-left: 10px"
>Android</span
>
<span v-else-if="feed.platform === 'iOS'" style="color: #c7c7ce; margin-left: 10px"

26
src/vr/vr.css
View File

@@ -31,6 +31,20 @@ body {
--font-primary-cjk:
'Noto Sans JP Variable', 'Noto Sans SC Variable',
'Noto Sans KR Variable', 'Noto Sans TC Variable';
/* VRChat Status Colors (duplicated from globals.css for VR panel independence) */
--status-online: #67c23a;
--status-joinme: #00b8ff;
--status-askme: #ff9500;
--status-busy: #ff2c2c;
--status-active: #f4e05e;
--status-offline: #909399;
--status-offline-alt: #808080;
/* Platform Colors */
--platform-pc: #0078d4;
--platform-quest: #3ddc84;
--platform-ios: #8e8e93;
}
:root[lang='zh-CN'] {
--font-primary-cjk:
@@ -387,30 +401,30 @@ i.x-user-status {
display: inline-block;
width: 13px;
height: 13px;
background: #808080;
background: var(--status-offline-alt);
border-radius: 50%;
}
i.x-user-status.active {
background: #f4e05e;
background: var(--status-active);
}
i.x-user-status.online {
background: #67c23a;
background: var(--status-online);
}
i.x-user-status.joinme {
background: #00b8ff;
background: var(--status-joinme);
mask-image: url(/images/masks/joinme.svg);
}
i.x-user-status.askme {
background: #ff9500;
background: var(--status-askme);
mask-image: url(/images/masks/askme.svg);
}
i.x-user-status.busy {
background: #ff2c2c;
background: var(--status-busy);
mask-image: url(/images/masks/busy.svg);
}