@keboola/tailwind-config 1.1.1 → 1.1.2

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @keboola/tailwind-config
 
+## 1.1.2
+
+### Patch Changes
+
+- `AIKit/Markdown` code surfaces follow the colour scheme and the brand.
+
+  Fenced blocks and inline code were painted with `neutral-50` / `neutral-800`, literals that cannot take part in the `[data-theme='dark']` variable swap. In dark mode `prose-invert` flipped the surrounding text to light while the pinned fill stayed near-white, leaving inline code unreadable. Both now use the semantic `muted` / `foreground` pair, the same one the stylesheet already gives a prose blockquote.
+
+  Typography's inverted palette pinned the ink of a fenced block and of code in a quote to `#c7254e` regardless of the fill beneath it — 2.72:1 once that fill follows the dark scheme. Both now inherit the surface they sit on, so the ink moves with the fill.
+
 ## 1.1.1
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keboola/tailwind-config",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Shared Tailwind CSS v4 design tokens for the Keboola UI platform — semantic color palette, type scale, radii and shadows as a `theme` object.",
   "license": "MIT",
   "type": "module",

package/typography.ts

@@ -6,11 +6,25 @@ export const typography = {
       'h1, h2, h3, h4, h5, h6': {
         color: 'inherit',
       },
-      'blockquote code': {
-        color: 'var(--tw-prose-code)',
-      },
-      'pre code': {
-        color: 'var(--tw-prose-code)',
+      // Code in a quote or a fenced block takes the ink of the surface it sits
+      // on rather than a pinned one.
+      //
+      // - `--tw-prose-code` is `#c7254e` in both schemes; the fill under it is
+      //   not. On a dark `--muted` slab that pin measures 2.72:1.
+      // - A colour declared here lands on the `<code>`, so it beats the one a
+      //   call site puts on the `<pre>` — inheritance loses to any declaration.
+      // - Raising the call site's specificity is not an escape either: under
+      //   `[data-theme='dark'] .tw\:prose` this rule is `(0,2,0)`, above the
+      //   `(0,1,2)` of a `[&_pre_code]:…` arbitrary variant.
+      // - Bare inline `code` is deliberately not in the list. It keeps
+      //   `--tw-prose-invert-code`, 3.36:1 on the dark page. The chat surfaces
+      //   that render most of it put it on their own chip — `AIKit/Markdown`
+      //   and kbc-ui's chat both do. A bare `.tw\:prose` does not, and
+      //   kbc-ui's `react/common/Markdown` is one: there the 3.36:1 stands.
+      //   The fix still belongs with the chip — a rule here would strip the
+      //   accent from every call site at once, including the ones that want it.
+      'blockquote code, pre code': {
+        color: 'inherit',
       },
     },
   },