[UI] Better color schemes for highlighed text.

The dark blue YAML style used by `stackoverflow-dark` isn't very
readable on black background.

platypush/backend/http/webapp/src/components/Action/ActionEditor.vue

@@ -117,7 +117,7 @@
 
 <script>
 import 'highlight.js/lib/common'
-import 'highlight.js/styles/stackoverflow-dark.min.css'
+import 'highlight.js/styles/nord.min.css'
 import hljs from "highlight.js"
 import ActionArgs from "./ActionArgs"
 import ActionDoc from "./ActionDoc"

platypush/backend/http/webapp/src/components/Action/ActionTile.vue

@@ -41,6 +41,7 @@
                :disabled="readOnly"
                :value="value"
                @drag="$emit('drag', $event)"
+               @dragend="$emit('dragend', $event)"
                @drop="$emit('drop', $event)"
                v-if="draggable" />
 

platypush/backend/http/webapp/src/components/Action/Response.vue

@@ -23,7 +23,7 @@
 
 <script>
 import 'highlight.js/lib/common'
-import 'highlight.js/styles/stackoverflow-dark.min.css'
+import 'highlight.js/styles/nord.min.css'
 import hljs from "highlight.js"
 import Utils from "@/Utils"
 

platypush/backend/http/webapp/src/components/File/Editor.vue

@@ -33,7 +33,7 @@
 <script>
 import axios from 'axios';
 import hljs from 'highlight.js';
-import 'highlight.js/styles/github.css';
+import 'highlight.js/styles/intellij-light.css';
 
 import FloatingButton from "@/components/elements/FloatingButton";
 import Highlighter from "./Highlighter";

platypush/backend/http/webapp/src/components/Procedure/ProcedureDump.vue

@@ -11,7 +11,7 @@
 
 <script>
 import 'highlight.js/lib/common'
-import 'highlight.js/styles/stackoverflow-dark.min.css'
+import 'highlight.js/styles/nord.min.css'
 import hljs from "highlight.js"
 
 import CopyButton from "@/components/elements/CopyButton"

platypush/backend/http/webapp/src/components/elements/Tile.vue

@@ -15,6 +15,7 @@
                :disabled="readOnly"
                :value="value"
                @drag="$emit('drag', $event)"
+               @dragend="$emit('dragend', $event)"
                @drop="$emit('drop', $event)"
                v-if="draggable" />
 

platypush/backend/http/webapp/src/components/panels/Extensions/Config.vue

@@ -13,7 +13,7 @@
 
 <script>
 import 'highlight.js/lib/common'
-import 'highlight.js/styles/stackoverflow-dark.min.css'
+import 'highlight.js/styles/night-owl.min.css'
 import hljs from "highlight.js"
 import CopyButton from "@/components/elements/CopyButton"
 import Utils from "@/Utils";
@@ -61,9 +61,9 @@ export default {
       }
 
       return hljs.highlight(
-        'yaml',
         '# Currently loaded configuration\n' +
-        this.curYamlConfig
+        this.curYamlConfig,
+        {language: 'yaml'}
       ).value.trim()
     },
   },

platypush/backend/http/webapp/src/components/panels/Extensions/Install.vue

@@ -44,7 +44,7 @@
 
 <script>
 import 'highlight.js/lib/common'
-import 'highlight.js/styles/stackoverflow-dark.min.css'
+import 'highlight.js/styles/nord.min.css'
 import hljs from "highlight.js"
 import CopyButton from "@/components/elements/CopyButton"
 import Loading from "@/components/Loading"