fix: marker highlighting for visual editor

client/components/common/page-selector.vue

@@ -242,7 +242,7 @@ export default {
         this.tree = [
           {
             id: 0,
-            title: '/ (root',
+            title: '/ (root)',
             children: []
           }
         ]

client/themes/default/scss/app.scss

@@ -683,6 +683,33 @@
 
   }
 
+  // ---------------------------------
+  // HIGHLIGHTING
+  // ---------------------------------
+
+  mark {
+    &.pen-red {
+      color: mc('red', '500');
+      background-color: initial;
+    }
+    &.pen-green {
+      color: mc('green', '500');
+      background-color: initial;
+    }
+    &.marker-blue {
+      background-color: mc('blue', '300');
+    }
+    &.marker-yellow {
+      background-color: mc('yellow', '300');
+    }
+    &.marker-pink {
+      background-color: mc('pink', '300');
+    }
+    &.marker-green {
+      background-color: mc('green', '300');
+    }
+  }
+
 }
 
 // ---------------