Skip to content

Add light modifier for dark mode #122

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 4 commits into from
Closed

Conversation

kripod
Copy link

@kripod kripod commented Dec 31, 2020

After all the discussion in #69, I decided to create a light palette modifier class for this plugin.

Color replacements were made in the following order:

  1. 700 → 300 (main text color)
  2. 200 → 700
  3. 300 → 600
  4. 500 → 400
  5. 900 → 200
  6. 600 → 300

The light colors were selected with bg-gray-900 and bg-black in mind.

@kripod kripod mentioned this pull request Dec 31, 2020
@miharekar
Copy link

Since Tailwind 2.0 has first-class support for dark mode it would be great if its plugins would also support it.

So please merge this 😅

@LoganDark
Copy link

Bump. Just had to add this absolute monster of a config into my tailwind.config.js file. Was really non-obvious and required me to hunt around a bit. :/

@AlexMeah
Copy link

AlexMeah commented Aug 3, 2021

Any chance this could be merged? Currently unable to use this plugin with dark backgrounds.

@adamwathan
Copy link
Member

I'm working on a better version of this in this branch (I don't feel bad saying this since this PR is based on my own initial solution 😅):

https://github.com/tailwindlabs/tailwindcss-typography/tree/new-customization-api

So going to close this in favor of that — hope to put something out before the end of next week. Thanks!

@adamwathan adamwathan closed this Oct 7, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants