fix contrast on .token.string

mapbox · Feb 5, 2020 · 846ab2c · 846ab2c
1 parent 9cd3d96
commit 846ab2c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/highlight/theme-css.js b/src/components/highlight/theme-css.js
diff --git a/src/css/prism.css b/src/css/prism.css
@@ -101,6 +101,16 @@ pre[class*='language-'] {
   color: #2a4de4;
 }
 
+/* slightly darker to make improve contrast when code is a in a Note */
+.dr-ui--note .token.selector,
+.dr-ui--note .token.attr-name,
+.dr-ui--note .token.string,
+.dr-ui--note .token.char,
+.dr-ui--note .token.builtin,
+.dr-ui--note .token.inserted {
+  color: #ae2056;
+}
+
 .token.keyword {
   color: #314ccd;
 }