Better wiki sidebar styling, fix JSON highlighting

Author: robotgryphon

.gitignore

@@ -446,3 +446,5 @@ $RECYCLE.BIN/
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
+
+Web/wwwroot/wiki-pages/crafting/

Web/Pages/WikiPage.razor.css

@@ -5,12 +5,14 @@
 }
 
 nav.wiki-nav {
-  width: 30rem;
+  width: max-content;
+  min-width: 17rem;
   margin-right: 1.6rem;
   padding: 1rem;
-  background-color: lightslategray;
+  background-color: #384048;
   color: white;
   border-radius: 0.5rem;
+  height: fit-content;
 }
 nav.wiki-nav ul {
   list-style: none;

Web/Pages/WikiPage.razor.min.css

@@ -5,12 +5,14 @@
 }
 
 nav.wiki-nav {
-    width: 30rem;
+    width: max-content;
+    min-width: 17rem;
     margin-right: 1.6rem;
     padding: 1rem;
-    background-color: lightslategray;
+    background-color: darken(slategray, 25%);
     color: white;
     border-radius: .5rem;
+    height: fit-content;
 
     ul {
         list-style: none;

Web/Pages/WikiPage.razor.scss

@@ -1,5 +1,5 @@
 /* PrismJS 1.28.0
-https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+clike+javascript+java+json+json5+toml&plugins=toolbar */
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+clike+javascript+java+json+json5+toml&plugins=toolbar+copy-to-clipboard */
 code[class*=language-], pre[class*=language-] {
   color: #ccc;
   background: 0 0;

Web/wwwroot/prism/prism.css

@@ -1,5 +1,5 @@
 /* PrismJS 1.28.0
-https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript&plugins=toolbar+copy-to-clipboard */
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+clike+javascript+java+json+json5+toml&plugins=toolbar+copy-to-clipboard */
 code[class*=language-], pre[class*=language-] {
     color: #ccc;
     background: 0 0;