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

Dark theme base

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

28
html/src/app.js
View File

@@ -15692,6 +15692,11 @@ speechSynthesis.getVoices();
};
$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'))) {
document.getElementById('app-theme-style').remove();
}
@@ -15704,7 +15709,11 @@ speechSynthesis.getVoices();
this.isDarkMode = false;
break;
case 'dark':
$appThemeStyle.href = 'theme.dark.css';
$appThemeStyle.href = '';
this.isDarkMode = true;
break;
case 'darkvanillaold':
$appThemeStyle.href = 'theme.darkvanillaold.css';
this.isDarkMode = true;
break;
case 'darkvanilla':
@@ -15720,21 +15729,22 @@ speechSynthesis.getVoices();
this.isDarkMode = true;
break;
case 'system':
if (this.systemIsDarkMode()) {
$appThemeStyle.href = 'theme.dark.css';
this.isDarkMode = true;
} else {
$appThemeStyle.href = '';
this.isDarkMode = false;
}
this.isDarkMode = this.systemIsDarkMode();
break;
}
if (this.isDarkMode) {
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 {
AppApi.ChangeTheme(0);
}
document.head.appendChild($appThemeStyle);
if ($appThemeStyle.href) {
document.head.appendChild($appThemeStyle);
}
this.updateVRConfigVars();
await this.updatetrustColor();
};

4
html/src/index.pug
View File

@@ -971,13 +971,13 @@ html
.group-header(style="flex:1")
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.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")
template(#content)
span {{ item.value }} ({{ item.key }})
span.flags(:class="languageClass(item.key)" style="display:inline-block;margin-right: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
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') }}

1300
html/src/theme.darkvanilla.scss
View File

File diff suppressed because it is too large Load Diff

0
html/src/theme.darkvanilla.1.7.scss → html/src/theme.darkvanillaold.scss
View File

2
html/webpack.config.js
View File

@@ -18,7 +18,7 @@ module.exports = {
dependOn: 'vendor'
},
'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.pink': './src/theme.pink.scss',
'theme.material3': './src/theme.material3.scss',