diff --git a/public/script.js b/public/script.js
index 62dd825ad..cf35cb74f 100644
--- a/public/script.js
+++ b/public/script.js
@@ -8647,7 +8647,7 @@ jQuery(async function () {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/impersonate What is the meaning of life?</code></pre>
+                        <pre><code class="language-stscript">/impersonate What is the meaning of life?</code></pre>
                     </li>
                 </ul>
             </div>
@@ -8700,7 +8700,7 @@ jQuery(async function () {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/instruct creative</code></pre>
+                        <pre><code class="language-stscript">/instruct creative</code></pre>
                     </li>
                 </ul>
             </div>
diff --git a/public/scripts/slash-commands.js b/public/scripts/slash-commands.js
index 9326f1725..057f032f0 100644
--- a/public/scripts/slash-commands.js
+++ b/public/scripts/slash-commands.js
@@ -115,7 +115,7 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'bg',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/bg beach.jpg</code></pre>
+                    <pre><code class="language-stscript">/bg beach.jpg</code></pre>
                 </li>
             </ul>
         </div>
@@ -144,7 +144,7 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'sendas',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/sendas name="Chloe" Hello, guys!</code></pre>
+                    <pre><code class="language-stscript">/sendas name="Chloe" Hello, guys!</code></pre>
                     will send "Hello, guys!" from "Chloe".
                 </li>
             </ul>
@@ -183,10 +183,10 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'sys',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/sys The sun sets in the west.</code></pre>
+                    <pre><code class="language-stscript">/sys The sun sets in the west.</code></pre>
                 </li>
                 <li>
-                    <pre><code>/sys compact=true A brief note.</code></pre>
+                    <pre><code class="language-stscript">/sys compact=true A brief note.</code></pre>
                 </li>
             </ul>
         </div>
@@ -233,10 +233,10 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'comment',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/comment This is a comment</code></pre>
+                    <pre><code class="language-stscript">/comment This is a comment</code></pre>
                 </li>
                 <li>
-                    <pre><code>/comment compact=true This is a compact comment</code></pre>
+                    <pre><code class="language-stscript">/comment compact=true This is a compact comment</code></pre>
                 </li>
             </ul>
         </div>
@@ -277,11 +277,11 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'continue',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/continue</code></pre>
+                    <pre><code class="language-stscript">/continue</code></pre>
                     Continues the chat with no additional prompt.
                 </li>
                 <li>
-                    <pre><code>/continue Let's explore this further...</code></pre>
+                    <pre><code class="language-stscript">/continue Let's explore this further...</code></pre>
                     Continues the chat with the provided prompt.
                 </li>
             </ul>
@@ -340,7 +340,7 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'delname',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/delname John</code></pre>
+                    <pre><code class="language-stscript">/delname John</code></pre>
                 </li>
             </ul>
         </div>
@@ -376,10 +376,10 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'send',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/send Hello there!</code></pre>
+                    <pre><code class="language-stscript">/send Hello there!</code></pre>
                 </li>
                 <li>
-                    <pre><code>/send compact=true Hi</code></pre>
+                    <pre><code class="language-stscript">/send compact=true Hi</code></pre>
                 </li>
             </ul>
         </div>
@@ -466,7 +466,7 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'memberadd',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/memberadd John Doe</code></pre>
+                    <pre><code class="language-stscript">/memberadd John Doe</code></pre>
                 </li>
             </ul>
         </div>
@@ -488,8 +488,8 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'memberremove
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/memberremove 2</code></pre>
-                    <pre><code>/memberremove John Doe</code></pre>
+                    <pre><code class="language-stscript">/memberremove 2</code></pre>
+                    <pre><code class="language-stscript">/memberremove John Doe</code></pre>
                 </li>
             </ul>
         </div>
@@ -530,11 +530,11 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'peek',
             <strong>Examples:</strong>
             <ul>
                 <li>
-                    <pre><code>/peek 5</code></pre>
+                    <pre><code class="language-stscript">/peek 5</code></pre>
                     Shows the character card for the 5th message.
                 </li>
                 <li>
-                    <pre><code>/peek 2-5</code></pre>
+                    <pre><code class="language-stscript">/peek 2-5</code></pre>
                     Shows the character cards for messages 2 through 5.
                 </li>
             </ul>
@@ -557,11 +557,11 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'delswipe',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/delswipe</code></pre>
+                    <pre><code class="language-stscript">/delswipe</code></pre>
                     Deletes the current swipe.
                 </li>
                 <li>
-                    <pre><code>/delswipe 2</code></pre>
+                    <pre><code class="language-stscript">/delswipe 2</code></pre>
                     Deletes the second swipe from the last chat message.
                 </li>
             </ul>
@@ -592,7 +592,7 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'echo',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/echo title="My Message" severity=info This is an info message</code></pre>
+                    <pre><code class="language-stscript">/echo title="My Message" severity=info This is an info message</code></pre>
                 </li>
             </ul>
         </div>
@@ -664,10 +664,10 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'genraw',
             Generates text using the provided prompt and passes it to the next command through the pipe, optionally locking user input while generating. Does not include chat history or character card.
         </div>
         <div>
-            Use instruct=off to skip instruct formatting, e.g. <pre><code>/genraw instruct=off Why is the sky blue?</code></pre>
+            Use instruct=off to skip instruct formatting, e.g. <pre><code class="language-stscript">/genraw instruct=off Why is the sky blue?</code></pre>
         </div>
         <div>
-            Use stop=... with a JSON-serialized array to add one-time custom stop strings, e.g. <pre><code>/genraw stop=["\\n"] Say hi</code></pre>
+            Use stop=... with a JSON-serialized array to add one-time custom stop strings, e.g. <pre><code class="language-stscript">/genraw stop=["\\n"] Say hi</code></pre>
         </div>
         <div>
             "as" argument controls the role of the output prompt: system (default) or char. "system" argument adds an (optional) system prompt at the start.
@@ -730,7 +730,7 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'fuzzy',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/fuzzy list=["a","b","c"] threshold=0.4 abc</code></pre>
+                    <pre><code class="language-stscript">/fuzzy list=["a","b","c"] threshold=0.4 abc</code></pre>
                 </li>
             </ul>
         </div>
@@ -752,7 +752,7 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'pass',
         <div>
             <strong>Example:</strong>
             <ul>
-                <li><pre><code>/pass Hello world</code></pre></li>
+                <li><pre><code class="language-stscript">/pass Hello world</code></pre></li>
             </ul>
         </div>
     `,
@@ -773,7 +773,7 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'delay',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/delay 1000</code></pre>
+                    <pre><code class="language-stscript">/delay 1000</code></pre>
                 </li>
             </ul>
         </div>
@@ -855,11 +855,11 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'messages',
             <strong>Examples:</strong>
             <ul>
                 <li>
-                    <pre><code>/messages 10</code></pre>
+                    <pre><code class="language-stscript">/messages 10</code></pre>
                     Returns the 10th message.
                 </li>
                 <li>
-                    <pre><code>/messages names=on 5-10</code></pre>
+                    <pre><code class="language-stscript">/messages names=on 5-10</code></pre>
                     Returns messages 5 through 10 with author names.
                 </li>
             </ul>
@@ -881,7 +881,7 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'setinput',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/setinput Hello world</code></pre>
+                    <pre><code class="language-stscript">/setinput Hello world</code></pre>
                 </li>
             </ul>
         </div>
@@ -915,7 +915,7 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'popup',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/popup large=on wide=on okButton="Submit" Enter some text:</code></pre>
+                    <pre><code class="language-stscript">/popup large=on wide=on okButton="Submit" Enter some text:</code></pre>
                 </li>
             </ul>
         </div>
@@ -943,7 +943,7 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'buttons',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/buttons labels=["Yes","No"] Do you want to continue?</code></pre>
+                    <pre><code class="language-stscript">/buttons labels=["Yes","No"] Do you want to continue?</code></pre>
                 </li>
             </ul>
         </div>
@@ -973,7 +973,7 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'trimtokens',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/trimtokens limit=5 direction=start This is a long sentence with many words</code></pre>
+                    <pre><code class="language-stscript">/trimtokens limit=5 direction=start This is a long sentence with many words</code></pre>
                 </li>
             </ul>
         </div>
@@ -995,7 +995,7 @@ SlashCommandParser.addCommandObject(SlashCommand.fromProps({ name: 'trimstart',
             <strong>Example:</strong>
             <ul>
                 <li>
-                    <pre><code>/trimstart This is a sentence. And here is another sentence.</code></pre>
+                    <pre><code class="language-stscript">/trimstart This is a sentence. And here is another sentence.</code></pre>
                 </li>
             </ul>
         </div>
diff --git a/public/scripts/variables.js b/public/scripts/variables.js
index 8cacad9d7..506b5d046 100644
--- a/public/scripts/variables.js
+++ b/public/scripts/variables.js
@@ -773,7 +773,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/setvar key=color green</code></pre>
+                        <pre><code class="language-stscript">/setvar key=color green</code></pre>
                     </li>
                 </ul>
             </div>
@@ -800,10 +800,10 @@ export function registerVariableCommands() {
                 <strong>Examples:</strong>
                 <ul>
                     <li>
-                        <pre><code>/getvar height</code></pre>
+                        <pre><code class="language-stscript">/getvar height</code></pre>
                     </li>
                     <li>
-                        <pre><code>/getvar index=3 costumes</code></pre>
+                        <pre><code class="language-stscript">/getvar index=3 costumes</code></pre>
                     </li>
                 </ul>
             </div>
@@ -830,7 +830,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/addvar key=score 10</code></pre>
+                        <pre><code class="language-stscript">/addvar key=score 10</code></pre>
                     </li>
                 </ul>
             </div>
@@ -860,7 +860,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/setglobalvar key=color green</code></pre>
+                        <pre><code class="language-stscript">/setglobalvar key=color green</code></pre>
                     </li>
                 </ul>
             </div>
@@ -887,10 +887,10 @@ export function registerVariableCommands() {
                 <strong>Examples:</strong>
                 <ul>
                     <li>
-                        <pre><code>/getglobalvar height</code></pre>
+                        <pre><code class="language-stscript">/getglobalvar height</code></pre>
                     </li>
                     <li>
-                        <pre><code>/getglobalvar index=3 costumes</code></pre>
+                        <pre><code class="language-stscript">/getglobalvar index=3 costumes</code></pre>
                     </li>
                 </ul>
             </div>
@@ -917,7 +917,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/addglobalvar key=score 10</code></pre>
+                        <pre><code class="language-stscript">/addglobalvar key=score 10</code></pre>
                     </li>
                 </ul>
             </div>
@@ -939,7 +939,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/incvar score</code></pre>
+                        <pre><code class="language-stscript">/incvar score</code></pre>
                     </li>
                 </ul>
             </div>
@@ -961,7 +961,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/decvar score</code></pre>
+                        <pre><code class="language-stscript">/decvar score</code></pre>
                     </li>
                 </ul>
             </div>
@@ -983,7 +983,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/incglobalvar score</code></pre>
+                        <pre><code class="language-stscript">/incglobalvar score</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1005,7 +1005,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/decglobalvar score</code></pre>
+                        <pre><code class="language-stscript">/decglobalvar score</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1060,7 +1060,7 @@ export function registerVariableCommands() {
                 <strong>Examples:</strong>
                 <ul>
                     <li>
-                        <pre><code>/if left=score right=10 rule=gte "/speak You win"</code></pre>
+                        <pre><code class="language-stscript">/if left=score right=10 rule=gte "/speak You win"</code></pre>
                         triggers a /speak command if the value of "score" is greater or equals 10.
                     </li>
                 </ul>
@@ -1115,7 +1115,7 @@ export function registerVariableCommands() {
                 <strong>Examples:</strong>
                 <ul>
                     <li>
-                        <pre><code>/setvar key=i 0 | /while left=i right=10 rule=let "/addvar key=i 1"</code></pre>
+                        <pre><code class="language-stscript">/setvar key=i 0 | /while left=i right=10 rule=let "/addvar key=i 1"</code></pre>
                         adds 1 to the value of "i" until it reaches 10.
                     </li>
                 </ul>
@@ -1149,11 +1149,11 @@ export function registerVariableCommands() {
                 <strong>Examples:</strong>
                 <ul>
                     <li>
-                        <pre><code>/setvar key=i 1 | /times 5 "/addvar key=i 1"</code></pre>
+                        <pre><code class="language-stscript">/setvar key=i 1 | /times 5 "/addvar key=i 1"</code></pre>
                         adds 1 to the value of "i" 5 times.
                     </li>
                     <li>
-                        <pre><code>/times 4 "/echo {{timesIndex}}"</code></pre>
+                        <pre><code class="language-stscript">/times 4 "/echo {{timesIndex}}"</code></pre>
                         echos the numbers 0 through 4. <code>{{timesIndex}}</code> is replaced with the iteration number (zero-based).
                     </li>
                 </ul>
@@ -1179,7 +1179,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/flushvar score</code></pre>
+                        <pre><code class="language-stscript">/flushvar score</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1201,7 +1201,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/flushglobalvar score</code></pre>
+                        <pre><code class="language-stscript">/flushglobalvar score</code></pre>
                         Deletes the global variable <code>score</code>.
                     </li>
                 </ul>
@@ -1225,7 +1225,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/add 10 i 30 j</code></pre>
+                        <pre><code class="language-stscript">/add 10 i 30 j</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1250,7 +1250,7 @@ export function registerVariableCommands() {
                 <strong>Examples:</strong>
                 <ul>
                     <li>
-                        <pre><code>/mul 10 i 30 j</code></pre>
+                        <pre><code class="language-stscript">/mul 10 i 30 j</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1275,7 +1275,7 @@ export function registerVariableCommands() {
                 <strong>Examples:</strong>
                 <ul>
                     <li>
-                        <pre><code>/max 10 i 30 j</code></pre>
+                        <pre><code class="language-stscript">/max 10 i 30 j</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1298,7 +1298,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/min 10 i 30 j</code></pre>
+                        <pre><code class="language-stscript">/min 10 i 30 j</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1321,7 +1321,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/sub i 5</code></pre>
+                        <pre><code class="language-stscript">/sub i 5</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1347,7 +1347,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/div 10 i</code></pre>
+                        <pre><code class="language-stscript">/div 10 i</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1373,7 +1373,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/mod i 2</code></pre>
+                        <pre><code class="language-stscript">/mod i 2</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1399,7 +1399,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/pow i 2</code></pre>
+                        <pre><code class="language-stscript">/pow i 2</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1422,7 +1422,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/sin i</code></pre>
+                        <pre><code class="language-stscript">/sin i</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1445,7 +1445,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/cos i</code></pre>
+                        <pre><code class="language-stscript">/cos i</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1469,7 +1469,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/log i</code></pre>
+                        <pre><code class="language-stscript">/log i</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1492,7 +1492,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/abs i</code></pre>
+                        <pre><code class="language-stscript">/abs i</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1515,7 +1515,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/sqrt i</code></pre>
+                        <pre><code class="language-stscript">/sqrt i</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1538,7 +1538,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/round i</code></pre>
+                        <pre><code class="language-stscript">/round i</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1560,7 +1560,7 @@ export function registerVariableCommands() {
                 <strong>Example:</strong>
                 <ul>
                     <li>
-                        <pre><code>/len i</code></pre>
+                        <pre><code class="language-stscript">/len i</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1604,15 +1604,15 @@ export function registerVariableCommands() {
                 <strong>Examples:</strong>
                 <ul>
                     <li>
-                        <pre><code>/rand</code></pre>
+                        <pre><code class="language-stscript">/rand</code></pre>
                         Returns a random number between 0 and 1.
                     </li>
                     <li>
-                        <pre><code>/rand 10</code></pre>
+                        <pre><code class="language-stscript">/rand 10</code></pre>
                         Returns a random number between 0 and 10.
                     </li>
                     <li>
-                        <pre><code>/rand from=5 to=10</code></pre>
+                        <pre><code class="language-stscript">/rand from=5 to=10</code></pre>
                         Returns a random number between 5 and 10.
                     </li>
                 </ul>
@@ -1653,7 +1653,7 @@ export function registerVariableCommands() {
                 <strong>Examples:</strong>
                 <ul>
                     <li>
-                        <pre><code>/let x foo | /var x foo bar | /var x | /echo</code></pre>
+                        <pre><code class="language-stscript">/let x foo | /var x foo bar | /var x | /echo</code></pre>
                     </li>
                 </ul>
             </div>
@@ -1679,10 +1679,10 @@ export function registerVariableCommands() {
                 <strong>Examples:</strong>
                 <ul>
                     <li>
-                        <pre><code>/let x foo bar | /echo {{var::x}}</code></pre>
+                        <pre><code class="language-stscript">/let x foo bar | /echo {{var::x}}</code></pre>
                     </li>
                     <li>
-                        <pre><code>/let y</code></pre>
+                        <pre><code class="language-stscript">/let y</code></pre>
                     </li>
                 </ul>
             </div>