diff --git a/html/src/app.js b/html/src/app.js
index 8a9f7181..2f130683 100644
--- a/html/src/app.js
+++ b/html/src/app.js
@@ -6788,13 +6788,15 @@ speechSynthesis.getVoices();
trusted: '#FF7B42',
veteran: '#B18FFF',
legend: '#FFD000',
- legendary: '#FF69B4'
+ legendary: '#FF69B4',
+ vip: '#FF2626',
+ troll: '#782F2F'
};
configRepository.setString('VRCX_trustColor', JSON.stringify(trustColor));
}
$app.data.trustColor = JSON.parse(configRepository.getString('VRCX_trustColor'));
- $app.data.trustColorSwatches = ['#CCCCCC', '#1778FF', '#2BCF5C', '#FF7B42', '#B18FFF', '#FFD000', '#FF69B4', '#ABCDEF', '#8143E6', '#B52626', '#000000', '#FFFFFF'];
+ $app.data.trustColorSwatches = ['#CCCCCC', '#1778FF', '#2BCF5C', '#FF7B42', '#B18FFF', '#FFD000', '#FF69B4', '#ABCDEF', '#8143E6', '#B52626', '#FF2626', '#782F2F'];
$app.methods.updatetrustColor = function () {
var trustColor = $app.trustColor;
@@ -6825,6 +6827,8 @@ speechSynthesis.getVoices();
$app.watch['trustColor.veteran'] = $app.methods.updatetrustColor;
$app.watch['trustColor.legend'] = $app.methods.updatetrustColor;
$app.watch['trustColor.legendary'] = $app.methods.updatetrustColor;
+ $app.watch['trustColor.vip'] = $app.methods.updatetrustColor;
+ $app.watch['trustColor.troll'] = $app.methods.updatetrustColor;
$app.methods.saveSharedFeedFilters = function () {
this.notyFeedFiltersDialog.visible = false;
diff --git a/html/src/app.scss b/html/src/app.scss
index afcace20..76e290d3 100644
--- a/html/src/app.scss
+++ b/html/src/app.scss
@@ -438,11 +438,6 @@ i.x-user-status.busy {
border-color: rgb(255, 208, 0) !important;
}
-.x-tag-vip {
- color: rgb(255, 38, 38) !important;
- border-color: rgb(255, 38, 38) !important;
-}
-
.x-tag-vrcplus {
color: rgb(255, 208, 0) !important;
border-color: rgb(255, 208, 0) !important;
diff --git a/html/src/index.pug b/html/src/index.pug
index 0eaa55ff..af842d62 100644
--- a/html/src/index.pug
+++ b/html/src/index.pug
@@ -648,6 +648,12 @@ html
div
v-swatches(v-model="trustColor.legendary" show-fallback fallback-input-type="color" popover-x="right" :swatches="trustColorSwatches" class="x-tag-legendary")
span.color-picker(slot="trigger") #[i.el-icon-s-open] Legendary User
+ div
+ v-swatches(v-model="trustColor.vip" show-fallback fallback-input-type="color" popover-x="right" :swatches="trustColorSwatches" class="x-tag-vip")
+ span.color-picker(slot="trigger") #[i.el-icon-s-open] VRChat Team
+ div
+ v-swatches(v-model="trustColor.troll" show-fallback fallback-input-type="color" popover-x="right" :swatches="trustColorSwatches" class="x-tag-troll")
+ span.color-picker(slot="trigger") #[i.el-icon-s-open] Nuisance
div.options-container
span.header Discord Presence
div.options-container-item