fix(galley): target language-* code directly (no pre wrapper)

fezcode · fezcode · commit 2ea6749a0d93 · 2026-04-23T22:37:37.000+03:00
Galley replaces the &lt;pre&gt; element with a React fragment, so the
[&amp;_pre_code] selector didn't match anything in the DOM and the
prose default code color kept winning for plain-text code blocks.
Target [&amp;_code[class*='language-']] directly with the dark ink
base color, and expand token coverage to constant/tag/attr-name/
attr-value/regex/variable/symbol so richer languages don't fall
back to the prose default either.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fezcodex",
-  "version": "0.24.29",
+  "version": "0.24.30",
   "private": true,
   "homepage": "https://fezcode.com",
   "dependencies": {
diff --git a/src/pages/blog-views/GalleyBlogPostPage.jsx b/src/pages/blog-views/GalleyBlogPostPage.jsx
@@ -435,8 +435,8 @@ const GalleyBlogPostPage = () => {
             prose-img:border prose-img:border-[#1A161340]
             prose-code:before:content-none prose-code:after:content-none
             prose-code:font-normal
-            prose-pre:bg-transparent prose-pre:p-0 prose-pre:m-0 prose-pre:text-[#1A1613]
-            [&_pre]:bg-transparent [&_pre_code]:!text-[#1A1613]
+            prose-pre:bg-transparent prose-pre:p-0 prose-pre:m-0
+            [&_code[class*='language-']]:!text-[#1A1613]
             [&_.token.keyword]:!text-[#5C3A87] [&_.token.keyword]:font-semibold
             [&_.token.string]:!text-[#556B2F]
             [&_.token.function]:!text-[#1F4A78] [&_.token.function]:font-semibold
@@ -447,7 +447,14 @@ const GalleyBlogPostPage = () => {
             [&_.token.punctuation]:!text-[#3A302A]
             [&_.token.class-name]:!text-[#8A4A1B] [&_.token.class-name]:font-semibold
             [&_.token.builtin]:!text-[#1F4A78]
-            [&_.token.property]:!text-[#8A4A1B]"
+            [&_.token.property]:!text-[#8A4A1B]
+            [&_.token.constant]:!text-[#8A3E1C]
+            [&_.token.tag]:!text-[#5C3A87]
+            [&_.token.attr-name]:!text-[#556B2F]
+            [&_.token.attr-value]:!text-[#556B2F]
+            [&_.token.regex]:!text-[#5C3A87]
+            [&_.token.variable]:!text-[#1A1613]
+            [&_.token.symbol]:!text-[#8A3E1C]"
         >
           {/* drop cap via :first-letter on the first paragraph */}
           <style>{`

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "fezcodex",`
`3`		`- "version": "0.24.29",`
	`3`	`+ "version": "0.24.30",`
`4`	`4`	`"private": true,`
`5`	`5`	`"homepage": "https://fezcode.com",`
`6`	`6`	`"dependencies": {`