Replace SyntaxHighlighter with Monaco Editor.

docs/development/setting-up.md

@@ -11,9 +11,10 @@ Swagger UI includes a development server that provides hot module reloading and
 
 1. `git clone https://github.com/swagger-api/swagger-ui.git`
 2. `cd swagger-ui`
-3. `npm run dev`
-4. Wait a bit
-5. Open http://localhost:3200/
+3. `npm i`
+4. `npm run dev`
+5. Wait a bit
+6. Open http://localhost:3200/
 
 ### Using your own local api definition with local dev build
 

docs/usage/configuration.md

@@ -228,10 +228,9 @@ Parameter name | Docker variable | Description
         <td><a name="user-content-syntaxhighlight.theme"></a><code>syntaxHighlight.theme</code>
         </td>
         <td><em>Unavailable</em></td>
-        <td><code>String=["agate"*, "arta", "monokai", "nord", "obsidian",
-            "tomorrow-night", "idea"]</code>. <a
-                href="https://highlightjs.org/static/demo/" rel="nofollow">Highlight.js</a>
-            syntax coloring theme to use. (Only these 7 styles are available.)
+        <td><code>String=[ 'vs', 'vs-dark', 'hc-black', 'hc-light']</code>. <a
+                href="https://microsoft.github.io/monaco-editor/docs.html#interfaces/editor.IGlobalEditorOptions.html#theme" rel="nofollow">Monaco Editor</a>
+            syntax coloring theme to use. (Only these 4 styles are available.)
         </td>
     </tr>
     <tr>