[MIRROR] Fixes statusbar for tgchat (#7388)

Co-authored-by: Heroman3003 <31296024+Heroman3003@users.noreply.github.com>
Co-authored-by: Selis <selis@xynolabs.com>

code/modules/vchat/css/ss13styles.css

@@ -129,6 +129,7 @@ body.inverted {
 .emote					{color: #000000;}
 .inverted .emote			{color: #FFFFFF;}
 .alert					{color: #ff0000;}
+.valert					{color: #ff0000;}
 h1.alert, h2.alert		{color: #000000;}
 /* VOREStation Add Start */
 .nif					{}
@@ -147,12 +148,16 @@ h1.alert, h2.alert		{color: #000000;}
 
 .critical				{color: #ff0000; font-weight: bold; font-size: 150%;}
 .danger					{color: #ff0000; font-weight: bold;}
+.vdanger				{color: #ff0000; font-weight: bold;}
 .warning				{color: #ff0000; font-style: italic;}
+.vwarning				{color: #ff0000; font-style: italic;}
 .rose					{color: #ff5050;}
 .info					{color: #0000CC;}
 .inverted .info			{color: #6060c9;} /* Dark mode */
 .notice					{color: #000099;}
 .inverted .notice		{color: #6060c9;} /* Dark mode */
+.vnotice				{color: #000099;}
+.inverted .vnotice		{color: #6060c9;} /* Dark mode */
 .alium					{color: #00ff00;}
 .cult					{color: #800080; font-weight: bold; font-style: italic;}
 
@@ -190,8 +195,8 @@ h1.alert, h2.alert		{color: #000000;}
 .terminus				{font-family: "Times New Roman", Times, serif, sans-serif}
 .interface				{color: #330033;}
 /* YW Edit start */
-.psionic                                {color: #993399;}    
-.wingdings                              {font-family: Wingdings, Webdings} 
+.psionic                                {color: #993399;}
+.wingdings                              {font-family: Wingdings, Webdings}
 /* YW Edit End */
 .spacer					{color: #9c660b;} /* VOREStation Add */
 .blob					{color: #ff950d; font-weight: bold; font-style: italic;}

code/modules/vchat/js/vchat.js

@@ -176,6 +176,14 @@ function start_vue() {
 					required: false,
 					admin: false
 				},
+				{
+					matches: ".valert, .vwarning, .vnotice, .vdanger",
+					becomes: "vc_vore_message",
+					pretty: "Vore Messages",
+					tooltip: "Vore Messages",
+					required: false,
+					admin: false
+				},
 				{
 					matches: ".filter_deadsay, .deadsay",
 					becomes: "vc_deadchat",