diff --git a/src/components/highlight/theme-css.js b/src/components/highlight/theme-css.js
index 0680f6a36..bf4fd43f3 100644
--- a/src/components/highlight/theme-css.js
+++ b/src/components/highlight/theme-css.js
@@ -1,6 +1,6 @@
 // do not edit this file
 // it is generated by src/css/prism.css
 
-const highlightThemeCss = `code[class*='language-'],pre[class*='language-']{color:#273d56;background:none;font-family:Consolas,Monaco,'AndaleMono','UbuntuMono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}/*Codeblocks*/pre[class*='language-']{padding:1em;margin:0.5em0;overflow:auto;border-radius:0.3em;}:not(pre)>code[class*='language-'],pre[class*='language-']{background:#272822;}/*Inlinecode*/:not(pre)>code[class*='language-']{padding:0.1em;border-radius:0.3em;white-space:normal;}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#53708e;}.token.punctuation{color:#273d56;}.namespace{opacity:0.7;}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#314ccd;}.token.boolean,.token.number{color:#7753eb;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#ce2c69;}.token.operator,.token.entity,.token.url,.language-css.token.string,.style.token.string,.token.variable{color:#273d56;}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#4264fb;}/*slightlydarkertomakeimprovecontrastwhencodeisainaNote*/.dr-ui--note.token.atrule,.dr-ui--note.token.attr-value,.dr-ui--note.token.function,.dr-ui--note.token.class-name{color:#2a4de4;}.token.keyword{color:#314ccd;}.token.regex,.token.important{color:#fd971f;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}/*Linenumbers*/[data-content]::before{content:attr(data-content);}`;
+const highlightThemeCss = `code[class*='language-'],pre[class*='language-']{color:#273d56;background:none;font-family:Consolas,Monaco,'AndaleMono','UbuntuMono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}/*Codeblocks*/pre[class*='language-']{padding:1em;margin:0.5em0;overflow:auto;border-radius:0.3em;}:not(pre)>code[class*='language-'],pre[class*='language-']{background:#272822;}/*Inlinecode*/:not(pre)>code[class*='language-']{padding:0.1em;border-radius:0.3em;white-space:normal;}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#53708e;}.token.punctuation{color:#273d56;}.namespace{opacity:0.7;}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#314ccd;}.token.boolean,.token.number{color:#7753eb;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#ce2c69;}.token.operator,.token.entity,.token.url,.language-css.token.string,.style.token.string,.token.variable{color:#273d56;}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#4264fb;}/*slightlydarkertomakeimprovecontrastwhencodeisainaNote*/.dr-ui--note.token.atrule,.dr-ui--note.token.attr-value,.dr-ui--note.token.function,.dr-ui--note.token.class-name{color:#2a4de4;}/*slightlydarkertomakeimprovecontrastwhencodeisainaNote*/.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;}.token.regex,.token.important{color:#fd971f;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}/*Linenumbers*/[data-content]::before{content:attr(data-content);}`;
 
 export { highlightThemeCss };
diff --git a/src/css/prism.css b/src/css/prism.css
index a77beb686..10987f1cd 100644
--- 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;
 }