From 556fe28aa794fc192a108d02ef11c336abe8adbd Mon Sep 17 00:00:00 2001
From: Ske <voltasalt@gmail.com>
Date: Thu, 11 Jun 2020 00:48:43 +0200
Subject: [PATCH] Minor changes

---
 docs/content/.vuepress/components/Arg.vue     | 16 ++++++++++++--
 docs/content/.vuepress/components/Cmd.vue     |  8 ++++++-
 .../content/.vuepress/components/CmdGroup.vue |  6 ++++++
 .../.vuepress/components/CmdInline.vue        |  8 +++++--
 docs/content/.vuepress/styles/palette.styl    | 18 +++++++++++-----
 docs/content/guide/commands.md                | 21 ++++++++++++++++---
 6 files changed, 64 insertions(+), 13 deletions(-)

diff --git a/docs/content/.vuepress/components/Arg.vue b/docs/content/.vuepress/components/Arg.vue
index 06e8a665..5a80ca60 100644
--- a/docs/content/.vuepress/components/Arg.vue
+++ b/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; 
diff --git a/docs/content/.vuepress/components/Cmd.vue b/docs/content/.vuepress/components/Cmd.vue
index 62f07c74..35a65d21 100644
--- a/docs/content/.vuepress/components/Cmd.vue
+++ b/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 {
diff --git a/docs/content/.vuepress/components/CmdGroup.vue b/docs/content/.vuepress/components/CmdGroup.vue
index 12728c9d..81dd7346 100644
--- a/docs/content/.vuepress/components/CmdGroup.vue
+++ b/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 {
diff --git a/docs/content/.vuepress/components/CmdInline.vue b/docs/content/.vuepress/components/CmdInline.vue
index eb0c6bcc..f715a485 100644
--- a/docs/content/.vuepress/components/CmdInline.vue
+++ b/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;
     }
diff --git a/docs/content/.vuepress/styles/palette.styl b/docs/content/.vuepress/styles/palette.styl
index fdee41d4..bcfc678b 100644
--- a/docs/content/.vuepress/styles/palette.styl
+++ b/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;
\ No newline at end of file
diff --git a/docs/content/guide/commands.md b/docs/content/guide/commands.md
index 071cf94c..28072448 100644
--- a/docs/content/guide/commands.md
+++ b/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>
\ No newline at end of file
+<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.
+:::
\ No newline at end of file