adapted dark-theme highlighting

src/features/soil-editor/SoilTextEditor/styles.css

@@ -76,6 +76,8 @@ body {
 
 /* Syntax highlighting */
 
+
+
 .token.comment,
 .token.prolog,
 .token.doctype,
@@ -91,26 +93,29 @@ body {
     opacity: 0.7;
 }
 
-.token.property,
-.token.tag,
-.token.constant,
-.token.deleted {
+.light-theme .token.property,
+.light-theme .token.tag,
+.light-theme .token.constant,
+.light-theme .token.deleted {
     color: #00549F;
 }
 
-.dark-theme .token.modifier,
-.dark-theme .token.datatype {
-    color: #89CCCF
+.dark-theme .token.property,
+.dark-theme .token.tag,
+.dark-theme .token.constant,
+.dark-theme .token.deleted {
+    color: #8EBAE5;
 }
 
+
 .light-theme .token.modifier,
 .light-theme .token.datatype {
     color: #0098A1
 }
 
-.dark-theme .token.boolean,
-.dark-theme .token.number {
-    color: #6190c2
+.dark-theme .token.modifier,
+.dark-theme .token.datatype {
+    color: #89CCCF
 }
 
 .light-theme .token.boolean,
@@ -118,31 +123,46 @@ body {
     color: #612158
 }
 
-.dark-theme .token.event {
-    color: #e748a5
+.dark-theme .token.boolean,
+.dark-theme .token.number {
+    color: #A8859E
 }
 
-.dark-theme .token.warning {
-    color: #bb1818
+.light-theme .token.event {
+    color: #E30066
+}
+
+.dark-theme .token.event {
+    color: #F19EB1
 }
 
 .light-theme .token.warning {
-    color: #bb1818
+    color: #CC071E
 }
 
-.light-theme .token.event {
-    color: #E30066
+.dark-theme .token.warning {
+    color: #E69679
 }
 
+
+
+
+
 .token.selector,
 .token.attr-name,
-.token.string,
+.light-theme .token.string,
 .token.char,
 .token.builtin,
 .token.inserted {
     color: #57AB27;
 }
 
+.dark-theme .token.string
+{
+    color: #B8D698;
+}
+
+
 /* .token.operator, */
 .token.entity,
 .token.url,
@@ -153,10 +173,14 @@ body {
 
 .token.atrule,
 .token.attr-value,
-.token.keyword {
+.light-theme .token.keyword {
     color: #F6A800;
 }
 
+.dark-theme .token.keyword {
+    color: #FDD48F;
+}
+
 .token.function {
     color: #f44336;
 }
@@ -167,15 +191,24 @@ body {
     color: #ff9800;
 }
 
-.token.prefix-link {
+.light-theme .token.prefix-link {
     color: #006165;
 }
 
-.token.semantics,
-.token.prefix {
+.dark-theme .token.prefix-link {
+    color: #7DA4A7;
+}
+
+.light-theme .token.semantics,
+.light-theme .token.prefix {
     color: #A11035;
 }
 
+.dark-theme .token.semantics,
+.dark-theme .token.prefix {
+    color: #CD8B87;
+}
+
 .token.important,
 .token.bold {
     font-weight: bold;
@@ -206,7 +239,7 @@ body {
 .editor .editorLineNumber {
     position: absolute;
     left: 0px;
-    color: #646567;
+    color: #9C9E9F;
     text-align: right;
     width: 40px;
     font-weight: 100;