You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have multiple issues with the dark mode at the moment.
Not persistent
I added the BbDarkModeToggle, and it switches fine, but reloading or even changing the page (clicking an href) resets it back to light mode. Now I don't know whether the "link-clicking" happens because it's on my login pages, which are rendered differently, maybe that's the issue.
Tailwind prefix not working
This is probably the one that bothers me the most. I do have Tailwind installed and run it while running the App, etc. And the docs say I could use dark: prefix to only do some styling when dark mode is enabled, e.g. for gradients I would often use dark:bg-none, but doing that will simply enable the bg-none always, so also in light mode, which disables the gradient.
If anyone has some suggestions or maybe a Demo project I could check out that gets this correctly, gladly lmk 🙏 Btw I mostly use InteractiveServer Render-Mode, only my Login-Pages don't since they need HttpContext.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
I have multiple issues with the dark mode at the moment.
Not persistent
I added the
BbDarkModeToggle, and it switches fine, but reloading or even changing the page (clicking an href) resets it back to light mode. Now I don't know whether the "link-clicking" happens because it's on my login pages, which are rendered differently, maybe that's the issue.Tailwind prefix not working
This is probably the one that bothers me the most. I do have Tailwind installed and run it while running the App, etc. And the docs say I could use
dark:prefix to only do some styling when dark mode is enabled, e.g. for gradients I would often usedark:bg-none, but doing that will simply enable thebg-nonealways, so also in light mode, which disables the gradient.If anyone has some suggestions or maybe a Demo project I could check out that gets this correctly, gladly lmk 🙏 Btw I mostly use
InteractiveServerRender-Mode, only my Login-Pages don't since they needHttpContext.Beta Was this translation helpful? Give feedback.
All reactions