diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index af4ee90..abf9532 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -90,7 +90,7 @@
   }
 }
 .zy-highlighted{
-  color: green
+  color: var(--highlight-color);
 }
 // table
 .zy-table{
diff --git a/src/assets/scss/theme.scss b/src/assets/scss/theme.scss
index bd6608c..e00ce85 100644
--- a/src/assets/scss/theme.scss
+++ b/src/assets/scss/theme.scss
@@ -1,4 +1,6 @@
 :root{
+  // general
+  --highlight-color: #38dd77;
   // light
   --l-c-0: #823aa0;
   --l-c-1: #823aa011;