colors for code block: light theme

css/_auto/custom_auto.css

@@ -115,6 +115,19 @@
         --color-pink-subtle: var(--color-pink-light);
         --color-brown-subtle: var(--color-brown-light);
         --color-black-subtle: var(--color-black-light);
+        /* contrasty colors */
+        --color-red-contrast: var(--color-red-dark-2);
+        --color-orange-contrast: var(--color-orange-dark-2);
+        --color-yellow-contrast: var(--color-yellow-dark-2);
+        --color-olive-contrast: var(--color-olive-dark-2);
+        --color-green-contrast: var(--color-green-dark-2);
+        --color-teal-contrast: var(--color-teal-dark-2);
+        --color-blue-contrast: var(--color-blue-dark-2);
+        --color-violet-contrast: var(--color-violet-dark-2);
+        --color-purple-contrast: var(--color-purple-dark-2);
+        --color-pink-contrast: var(--color-pink-dark-2);
+        --color-brown-contrast: var(--color-brown-dark-2);
+        --color-black-contrast: var(--color-black-dark-2);
         /* ansi colors used for actions console and console files */
         --color-ansi-black: #1e2327;
         --color-ansi-red: #cc4848;

css/_dark/index_dark.css

@@ -160,6 +160,19 @@
 	--color-pink-subtle: var(--color-pink-dark-2);
 	--color-brown-subtle: var(--color-brown-dark-2);
 	--color-black-subtle: var(--color-black-dark-2);
+	/* contrasty colors */
+	--color-red-contrast: var(--color-red-light);
+	--color-orange-contrast: var(--color-orange-light);
+	--color-yellow-contrast: var(--color-yellow-light);
+	--color-olive-contrast: var(--color-olive-light);
+	--color-green-contrast: var(--color-green-light);
+	--color-teal-contrast: var(--color-teal-light);
+	--color-blue-contrast: var(--color-blue-light);
+	--color-violet-contrast: var(--color-violet-light);
+	--color-purple-contrast: var(--color-purple-light);
+	--color-pink-contrast: var(--color-pink-light);
+	--color-brown-contrast: var(--color-brown-light);
+	--color-black-contrast: var(--color-black-light);
 	/* ansi colors used for actions console and console files */
 	--color-ansi-black: #1e2327;
 	--color-ansi-red: #cc4848;

css/prettify.css

@@ -8,31 +8,31 @@
 
 @media screen {
   /* string content */
-  .str {color: #b5bd68;}
+  .str {color: var(--color-olive-contrast);}
   /* keyword */
-  .kwd {color: #b294bb;}
+  .kwd {color: var(--color-violet-contrast);}
   /* comment */
-  .com {color: #969896;}
+  .com {color: var(--color-text-light-3);}
   /* type name */
-  .typ {color: #81a2be;}
+  .typ {color: var(--color-teal-contrast);}
   /* literal value */
-  .lit {color: #de935f;}
+  .lit {color: var(--color-orange-contrast);}
   /* punctuation */
-  .pun {color: #c5c8c6;}
+  .pun {color: var(--color-text-light-2);}
   /* lisp open bracket */
-  .opn {color: #c5c8c6;}
+  .opn {color: var(--color-text-dark);}
   /* lisp close bracket */
-  .clo {color: #c5c8c6;}
+  .clo {color: var(--color-text-dark);}
   /* markup tag name */
-  .tag {color: #cc6666;}
+  .tag {color: var(--color-red-contrast);}
   /* markup attribute name */
-  .atn {color: #de935f;}
+  .atn {color: var(--color-yellow-contrast);}
   /* markup attribute value */
-  .atv {color: #8abeb7;}
+  .atv {color: var(--color-green-contrast);}
   /* declaration */
-  .dec {color: #de935f;}
+  .dec {color: var(--color-pink-contrast);}
   /* variable name */
-  .var {color: #cc6666;}
+  .var {color: var(--color-blue-contrast);}
   /* function name */
-  .fun {color: #81a2be;}
+  .fun {color: var(--color-brown-contrast);}
 }

theme_info.xml

@@ -2,7 +2,7 @@
 	<theme-info xmlns="https://www.elkarte.net/site/theme-info" xmlns:elk="https://www.elkarte.net/">
 		<!-- For the id, always use something unique - put your name, a colon, and then the package name. -->
 		<id>artix:Artix</id>
-		<version>1.2.7</version>
+		<version>1.2.8</version>
 		<!-- Theme name, used purely for aesthetics. -->
 		<name>Artix</name>
 		<!-- Author: your email address or contact information. The name attribute is optional. -->