Default dark mode color #3677
danilokorber
started this conversation in
Ideas
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Currently we have to always define a color for light mode and one for dark mode:
bg-white dark:bg-black
I'd like to have the possibility to set default dark colors for each light color. This will reduce and simplify the class definition in each element. So for example, if I define
bg-white
as a class, ifdarkMode
is set tomedia
, it renders automatically withbg-black
.A new config section must be defined for this. For example:
darkModeColors: { white: 'black', black: 'white', ... }
If I set it as stated in the example and I want to have yellow instead of black at a specific element, then I need to use the
dark:
variant. For example:class="bg-black -> Black box in light mode, white box when in dark mode.
class="bg-black dark:yellow -> Black box in light mode, yellow box when in dark mode.
Beta Was this translation helpful? Give feedback.
All reactions