diff --git a/gui/app/styles/core/vendor/prismjs.scss b/gui/app/styles/core/vendor/prismjs.scss
index ebf946ba..77ec7fe9 100644
--- a/gui/app/styles/core/vendor/prismjs.scss
+++ b/gui/app/styles/core/vendor/prismjs.scss
@@ -32,7 +32,7 @@ green     #859900
 
 code[class*="language-"],
 pre[class*="language-"] {
-	color: #657b83; /* base00 */
+	color: map-get($gray-shades, 800); /* base00 */
 	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
 	text-align: left;
 	white-space: pre;
@@ -117,7 +117,7 @@ pre[class*="language-"] {
 }
 
 .token.entity {
-	color: #657b83; /* base00 */
+	color: $color-black-light-1; /* base00 */
 	background: #eee8d5; /* base2 */
 }
 
diff --git a/gui/app/styles/core/view/document/wysiwyg.scss b/gui/app/styles/core/view/document/wysiwyg.scss
index c71f11a0..87374ff7 100644
--- a/gui/app/styles/core/view/document/wysiwyg.scss
+++ b/gui/app/styles/core/view/document/wysiwyg.scss
@@ -69,6 +69,7 @@
 		border: 1px solid map-get($yellow-shades, 300);
 		@include border-radius(3px);
 		font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+		color: map-get($gray-shades, 800);
 	}
 
 	pre {
@@ -77,6 +78,7 @@
 		border: 1px solid map-get($yellow-shades, 300);
 		@include border-radius(3px);
 		font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+		color: map-get($gray-shades, 800);
 
 		> code {
 			background-color: transparent;
@@ -85,6 +87,7 @@
 			@include border-radius(0px);
 			font-size: 1rem;
 			font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+			color: map-get($gray-shades, 800);
 		}
 	}