From 491434fd92b83a88a8625dd7dda9b759b1e3a869 Mon Sep 17 00:00:00 2001
From: NGPixel <github@ngpixel.com>
Date: Sun, 3 Nov 2019 22:25:29 -0500
Subject: [PATCH] fix: marker highlighting for visual editor

---
 client/components/common/page-selector.vue |  2 +-
 client/themes/default/scss/app.scss        | 27 ++++++++++++++++++++++
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/client/components/common/page-selector.vue b/client/components/common/page-selector.vue
index ea1ddf6b..aea8de25 100644
--- a/client/components/common/page-selector.vue
+++ b/client/components/common/page-selector.vue
@@ -242,7 +242,7 @@ export default {
         this.tree = [
           {
             id: 0,
-            title: '/ (root',
+            title: '/ (root)',
             children: []
           }
         ]
diff --git a/client/themes/default/scss/app.scss b/client/themes/default/scss/app.scss
index 5d441385..3460e4a9 100644
--- a/client/themes/default/scss/app.scss
+++ b/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');
+    }
+  }
+
 }
 
 // ---------------