Improve link highlighting

- Metadata key highlighting
- Don't show "[[", "]]" around links

editor/src/editor.js

@@ -358,7 +358,7 @@ function Editor(holder, input) {
             let re = /^([A-Z0-9 ]+)::\s*(.+)$/i;
             let res = text.match(re)
             if (res) {
-                converted = '**[[' + res[1] + ']]**: ' + res[2]
+                converted = '<span class="metadata-key">[[' + res[1] + ']]</span>: ' + res[2]
             } else if (text.match(/#\[\[TODO]]/)) {
                 converted = converted.replace('#[[TODO]]', '<input class="checkbox" type="checkbox" />')
                 todo = true;

editor/src/styles.scss

@@ -48,15 +48,21 @@ body {
   font-family: 'Inter', sans-serif;
 }
 
+.highlight-links {
   .content a.wiki-link::before {
     content: "[[";
     color: #ccc;
   }
-
   .content a.wiki-link::after {
     content: "]]";
     color: #ccc;
   }
+}
+
+.metadata-key a {
+  font-weight: bold;
+  color: black;
+}
 
 @supports (font-variation-settings: normal) {
   html {