diff --git a/original-assets/styles/styles.scss b/original-assets/styles/styles.scss
index 59410b7..4c99801 100644
--- a/original-assets/styles/styles.scss
+++ b/original-assets/styles/styles.scss
@@ -53,12 +53,14 @@ body {
   word-break: break-word;
   overflow-wrap: break-word;
 
-  *:not([class*='c-']) {
-    @include color(color, primary);
-  }
   * {
+    @include color(color, primary);
     max-width: 100%;
   }
+  [class*='c-'] {
+    // monokai is dark, so we need to use light color for text
+    color: #{map-get($colors, primary-dark)};
+  }
   *::selection {
     @include color(color, background);
     @include color(background, primary);
diff --git a/templates/assets/css/styles.css b/templates/assets/css/styles.css
index 9504ab5..1b9fd72 100644
--- a/templates/assets/css/styles.css
+++ b/templates/assets/css/styles.css
@@ -30,13 +30,14 @@ body {
   word-break: break-word;
   overflow-wrap: break-word;
 }
-body *:not([class*=c-]) {
+body * {
   color: #000;
   color: var(--primary, #000);
-}
-body * {
   max-width: 100%;
 }
+body [class*=c-] {
+  color: #fff;
+}
 body *::selection {
   color: #fff;
   color: var(--background, #fff);