justingolden21
commented
3 years ago Screenshot of what I mean:
Even though in dark mode (which I'm in and is working for the background-color) it should be: dark:text-gray-100 as in the body tag: <body class="antialiased bg-gray-100 text-gray-900 dark:bg-gray-800 dark:text-gray-100 min-h-screen">
Removing the dark class from html:
So the dark class is working, but it doesn't work for styling the type...
TL;DR: If anyone knows an easy way of just overriding all of the colors for different elements and classes, and then styling them myself, that's all I need...
nnooney
pbrazdil
Paul333333
MichaelAllenWarner
istr
simonswiss
rene-qore
Hi,
I'm hoping this isn't a duplicate of https://github.com/tailwindlabs/tailwindcss-typography/issues/26
I've been trying to override the default colors of tailwind typography for hours now and I'm slowly going insane. I tried
!importantand targeting every class ofproseon every screen size and everything and it's still showing the default colors...I decided to eventually try using dark mode, which has a lot of very unhelpful tutorials and the actual docs which are awesome: https://tailwindcss.com/docs/dark-mode although the problem is this still doesn't work. Adding the
darkclass tohtmlworks for the background color, but the individualproseclasses and similar (and there are dozens if not hundreds of them) still have their default colors, and I can only change them by using!importantand listing every single one of them, and can only do it programmatically by using javascript...I'm about ready to give up on this and just remove the typography plugin entirely and set the background-color to black and the color to white... but there's got to be an easier way, right? Is there any way to use the typography plugin without using the colors, or any way to override the default colors? I've seen this article: https://stefanzweifel.io/posts/2020/07/20/add-dark-mode-support-to-at-tailwindcsstypography/ which has this code in the taildwind config:
however it still doesn't work and messes all of my css up (with no errors anywhere). Removing that code again and adding
darkMode: 'class',it works as I said before, except the colors are still messed up.Full (relevant) files
(I'm using jekyll and tailwind, using someone else's (awesome) boilerplate)
tailwind.config.jsdefault.htmlpost.htmlThanks in advance for any help on this...