From 85a781a998697e26225e8bf2b4a07dd4c10465d9 Mon Sep 17 00:00:00 2001 From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com> Date: Wed, 31 Dec 2025 17:42:29 +0800 Subject: [PATCH] fix: make bold text inherit parent color For example, given the following HTML:
Hello world
The rendered result shows `Hello` in the neutral color, while `world` is rendered in the primary color. This change applies `color: inherit` to bold text so that both uses the primary color. --- assets/css/compiled/main.css | 2 +- tailwind.config.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index d97050a4..088f5693 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -743,7 +743,7 @@ --tw-prose-headings: rgba(var(--color-neutral-800), 1); --tw-prose-lead: rgba(var(--color-neutral-500), 1); --tw-prose-links: rgba(var(--color-primary-600), 1); - --tw-prose-bold: rgba(var(--color-neutral-900), 1); + --tw-prose-bold: inherit; --tw-prose-counters: rgba(var(--color-neutral-800), 1); --tw-prose-bullets: rgba(var(--color-neutral-500), 1); --tw-prose-hr: oklch(92.8% 0.006 264.531); diff --git a/tailwind.config.js b/tailwind.config.js index ee336057..e7e6638d 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -65,7 +65,7 @@ module.exports = { "--tw-prose-headings": theme("colors.neutral.800 / 1"), "--tw-prose-lead": theme("colors.neutral.500 / 1"), "--tw-prose-links": theme("colors.primary.600 / 1"), - "--tw-prose-bold": theme("colors.neutral.900 / 1"), + "--tw-prose-bold": "inherit", "--tw-prose-counters": theme("colors.neutral.800 / 1"), "--tw-prose-bullets": theme("colors.neutral.500 / 1"), "--tw-prose-quotes": theme("colors.neutral.700 / 1"),