How to change icon color in dark mode?
Answered
Red-breasted Merganser posted this in #help-forum
Red-breasted MerganserOP
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?
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?
Answered by Red-breasted Merganser
I solved using classname to wrap the icon component! thanks
1 Reply
Red-breasted MerganserOP
I solved using classname to wrap the icon component! thanks
Answer