Minor changes

docs/content/.vuepress/components/Arg.vue

@@ -26,12 +26,24 @@
         color: $exampleTextColor;
 
         padding: 0 0.5rem;
-        background-color: lighten($exampleBgColor, 15%);
+        background-color: $exampleArgColor;
         border-radius: 4px;
         
         line-height: 1.7;
     }
-    
+       
+    .custom-block.tip .command-argument {
+        background-color: darken($exampleArgColor, 3%);
+    }
+        
+    .command-example .command-argument {
+        background-color: darken($exampleArgColor, 8%);
+    }
+        
+    .custom-block.tip .command-example .command-argument {
+        background-color: darken($exampleArgColor, 10%);
+    }
+
     .argument-details {
         font-size: 0.75em;
         font-style: italic; 

docs/content/.vuepress/components/Cmd.vue

@@ -1,7 +1,7 @@
 <template>
     <p class="command-example">
-        <span class="bot-prefix">pk;</span><slot></slot>
         <span class="example-comment" v-if="comment">// {{ comment }}</span>
+        <span class="bot-prefix">pk;</span><slot></slot>
     </p>
 </template>
 
@@ -16,6 +16,12 @@
         
         margin: 0.5rem 0;
         padding: 0.75rem 1.25rem;
+        
+        clear: both;
+    }
+        
+    .custom-block.tip .command-example {
+        background-color: darken($exampleBgColor, 3%);
     }
     
     .bot-prefix {

docs/content/.vuepress/components/CmdGroup.vue

@@ -11,6 +11,12 @@
 
         margin: 0.5rem 0;
         padding: 0.75rem 1.25rem;
+        
+        clear: both;
+    }
+        
+    .custom-block.tip .command-example-group {
+        background-color: darken($exampleBgColor, 3%);
     }
     
     .command-example-group .command-example {

docs/content/.vuepress/components/CmdInline.vue

@@ -6,13 +6,17 @@
     .example-inline {
         font-size: $exampleFontSize;
         font-family: $exampleFontFamily;
-        
-        background-color: $exampleBgColor;
+
+        background-color: $exampleArgColor;
         color: $exampleTextColor;
         padding: 0.2rem 0.4rem;
         border-radius: 3px;
     }
         
+    .custom-block.tip .example-inline {
+        background-color: darken($exampleArgColor, 3%);
+    }
+
     .inline-bot-prefix {
         color: $examplePrefixColor;
     }

docs/content/.vuepress/styles/palette.styl

@@ -1,10 +1,18 @@
 // THEME
-$accentColor = #e8a024;
+$textColor = #2c3e50;
+$accentColor = darken(#e8a024, 10%);
 
 // CUSTOM
-$exampleBgColor = $codeBgColor;
-$exampleTextColor = #ffffff;
-$examplePrefixColor = #b3b6b9;
-$exampleCommentColor = darken($accentColor, 10%);
+/*$exampleBgColor = $codeBgColor;
+$exampleTextColor = #ffffff;*/
+$exampleBgColor = #f3f5f7;
+$exampleBgColorInContainer = darken($exampleBgColor, 3%);
+$exampleTextColor = darken($textColor, 5%);
+$exampleArgColor = $exampleBgColor;
+$tipDarkenFactor = 3;
+$exampleDarkenFactor = 5;
+//$examplePrefixColor = #b3b6b9;
+$examplePrefixColor = desaturate(lighten($textColor, 40%), 50%);
+$exampleCommentColor = darken($accentColor, 15%);
 $exampleFontSize = 0.9rem;
 $exampleFontFamily = source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;

docs/content/guide/commands.md

@@ -3,11 +3,12 @@
 ::: tip HOW TO READ THIS PAGE
 Below is a list of all the commands the bot supports.
 
-Highlighted spaces (eg. <Arg>system-name</Arg> ) are **arguments**, and you should **fill in the blank** with the relevant bit of text. The **Arguments** section below describes what to put in each blank.
+Highlighted spaces (eg. <Arg>system-name</Arg> ) are **arguments**, and you should **fill in the blank** with the relevant bit of text.
+The **Arguments** section below each command describes how to fill it in, and what type of value goes there.
 
 When an argument asks for a **system ID**, you can either fill in a system's [5-character ID](./ids.md), **or** you can fill in a Discord account ID, or even a @mention. For example:
 <CmdGroup>
-<Cmd>system <Arg>exmpl</Arg></Cmd>
+<Cmd comment="Looks up a system with the ID 'exmpl'">system <Arg>exmpl</Arg></Cmd>
 <Cmd>system <Arg>466378653216014359</Arg> list</Cmd>
 <Cmd>system <Arg>@PluralKit#4020</Arg> fronter</Cmd>
 </CmdGroup>
@@ -16,5 +17,19 @@ When an argument asks for a **member ID**, you can either fill in a member's [5-
 :::
 
 ## System commands
+::: tip
+You can use <CmdInline>s</CmdInline> instead of <CmdInline>system</CmdInline> on all of the below commands.
+:::
+
 <CommandInfo cmd="system-info"></CommandInfo>
-<CommandInfo cmd="system-new"></CommandInfo>
+<CommandInfo cmd="system-new"></CommandInfo>
+
+## Member commands
+::: tip
+You can use <CmdInline>m</CmdInline> instead of <CmdInline>member</CmdInline> on all of the below commands.
+:::
+
+## Switch commands
+::: tip
+You can use <CmdInline>sw</CmdInline> instead of <CmdInline>switch</CmdInline> on all of the below commands.
+:::