#How to change icon color in dark mode?

3 messages · Page 1 of 1 (latest)

gleaming ravine
#

I want to build a website that has dark mode. I am using App router.
I realize that I cant use hook in server component.
so how can I change icon color when the mode is set to dark?

In my page.tsx I import fontawesome icon
<FontAwesomeIcon icon={faBars} style={{ color: "#487edb" }} />
And since it is server component, I can't use useTheme to know which mode it is in.
Any idea?

brazen pulsarBOT
#
Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

      🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in <id:customize>

      ✅ You can mark a message as the answer for your post with `Right click -> Apps -> Mark Solution`
      (if you don't see the option, try refreshing Discord with Ctrl + R)
gleaming ravine
#

I solved using classname to wrap the icon component! thanks