fixed highlight of editor`

apps/remix-ide/src/assets/css/themes/bootstrap-cerulean.min.css

@@ -32,6 +32,7 @@
     --light:#f8f9fa;
     --dark:#343a40;
     --body-bg: #fff;
+    --text-bg-mark: #fcf8e3;
     --breakpoint-xs:0;
     --breakpoint-sm:576px;
     --breakpoint-md:768px;
@@ -333,7 +334,7 @@ hr {
 }
 .mark,mark {
     padding:.2em;
-    background-color:#fcf8e3
+    background-color:var(--text-bg-mark);
 }
 .list-unstyled {
     padding-left:0;

apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css

@@ -34,6 +34,7 @@
     --light:#222;
     --dark:#adafae;
     --body-bg: #060606;
+    --text-bg-mark: #fcf8e3;
     --breakpoint-xs:0;
     --breakpoint-sm:576px;
     --breakpoint-md:768px;
@@ -335,7 +336,7 @@ hr {
 }
 .mark,mark {
     padding:.2em;
-    background-color:#fcf8e3
+    background-color:var(--text-bg-mark);
 }
 .list-unstyled {
     padding-left:0;

apps/remix-ide/src/assets/css/themes/bootstrap-flatly.min.css

@@ -32,6 +32,7 @@
 	--light:#ecf0f1;
 	--dark:#7b8a8b;
 	--body-bg: #fff;
+	--text-bg-mark: #fcf8e3;
 	--breakpoint-xs:0;
 	--breakpoint-sm:576px;
 	--breakpoint-md:768px;
@@ -331,7 +332,7 @@ hr {
 }
 .mark,mark {
 	padding:.2em;	
-	background-color:#fcf8e3
+	background-color: var(--text-bg-mark);
 }
 .list-unstyled {
 	padding-left:0;	

apps/remix-ide/src/assets/css/themes/bootstrap-spacelab.min.css

@@ -33,6 +33,7 @@
     --light:#eee;
     --dark:#333;
     --body-bg:#fff;
+    --text-bg-mark: #fcf8e3;
     --breakpoint-xs:0;
     --breakpoint-sm:576px;
     --breakpoint-md:768px;
@@ -334,7 +335,7 @@ hr {
 }
 .mark,mark {
     padding:.2em;
-    background-color:#fcf8e3
+    background-color: var(--text-bg-mark);
 }
 .list-unstyled {
     padding-left:0;

apps/remix-ide/src/assets/css/themes/remix-black_undtds.css

@@ -23,6 +23,7 @@
   --dark: #1a1a1a;
   --text: #babbcc;
   --body-bg: #1a1a1a;
+  --text-bg-mark: #a5a5a5;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
@@ -413,7 +414,7 @@ small {
 .mark,
 mark {
   padding: 0.2em;
-  background-color: #fcf8e3;
+  background-color: var(--text-bg-mark);
 }
 .list-unstyled {
   padding-left: 0;

apps/remix-ide/src/assets/css/themes/remix-candy_ikhg4m.css

@@ -22,6 +22,7 @@
   --dark: #645fb5;
   --text: #11556c;
   --body-bg: #d5efff;
+  --text-bg-mark: #fcf8e3;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
@@ -476,7 +477,7 @@ small,
 mark,
 .mark {
   padding: 0.2em;
-  background-color: #fcf8e3;
+  background-color: var(--text-bg-mark);
 }
 
 .list-unstyled {

apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css

@@ -23,6 +23,7 @@
   --dark: #222336;
   --text: #babbcc;
   --text-background: #222336;
+  --text-bg-mark: #a89a92;
   --body-bg: #222336;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
@@ -411,7 +412,7 @@ small {
 .mark,
 mark {
   padding: 0.2em;
-  background-color: #fcf8e3;
+  background-color: var(--text-bg-mark);
 }
 .list-unstyled {
   padding-left: 0;

apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css

@@ -22,6 +22,7 @@
   --dark: #f8fafe;
   --text: #3b445e;
   --body-bg: #eef1f6;
+  --text-bg-mark: #fcf8e3;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
@@ -472,7 +473,7 @@ small,
 mark,
 .mark {
   padding: 0.2em;
-  background-color: #fcf8e3;
+  background-color: var(--text-bg-mark);
 }
 
 .list-unstyled {

apps/remix-ide/src/assets/css/themes/remix-midcentury_hrzph3.css

@@ -22,6 +22,7 @@
   --dark: #01414E;
   --text: #11556c;
   --body-bg: #DBE2E0;
+  --text-bg-mark: #fcf8e3;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
@@ -477,7 +478,7 @@ small,
 mark,
 .mark {
   padding: 0.2em;
-  background-color: #fcf8e3;
+  background-color: var(--text-bg-mark);
 }
 
 .list-unstyled {

libs/remix-ui/editor/src/lib/remix-ui-editor.css

@@ -21,6 +21,6 @@
 }
 
 .inline-class {
-    background: var(--primary) !important;
-    color: var(--text) !important;
+    background: var(--text-bg-mark) !important;
+    color: var(--body-bg) !important;
 }