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,14 +48,20 @@ body {
   font-family: 'Inter', sans-serif;
 }
 
-.content a.wiki-link::before {
-  content: "[[";
-  color: #ccc;
+.highlight-links {
+  .content a.wiki-link::before {
+    content: "[[";
+    color: #ccc;
+  }
+  .content a.wiki-link::after {
+    content: "]]";
+    color: #ccc;
+  }
 }
 
-.content a.wiki-link::after {
-  content: "]]";
-  color: #ccc;
+.metadata-key a {
+  font-weight: bold;
+  color: black;
 }
 
 @supports (font-variation-settings: normal) {