Skip to content

bug: tailwindcss-typography: headings stay black in dark mode #4119

@SanmayJoshi

Description

@SanmayJoshi

Reproduction URL (Required)

https://play.tailwindcss.com/I6Agb7NTb7?file=css

What version of daisyUI are you using?

5.1.10

Which browsers are you seeing the problem on?

No response

Describe your issue

Description

When using DaisyUI with Tailwind CSS Typography, the headings do not change color in dark mode. They remain black, which affects readability against dark backgrounds.

Steps to Reproduce

  1. Set up a project with DaisyUI and Tailwind CSS.
  2. Enable dark mode in your Tailwind CSS configuration.
  3. Add headings (e.g., <h1>, <h2>, etc.) to your HTML, under a div with prose class.
  4. Switch to dark mode.

Expected Behavior

Headings should automatically adjust to a lighter color suitable for dark mode, ensuring they are readable against the dark background.

Actual Behavior

Headings remain black in dark mode, making them difficult to read.

Environment

  • DaisyUI version: 5.1.10
  • Tailwind CSS version: 4.1.13

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions