portfolio-website icon indicating copy to clipboard operation
portfolio-website copied to clipboard

Header Link dark mode text styling not working with activeSection

Open flip-in opened this issue 2 years ago • 1 comments

This image is taken from running the code from the @ByteGrad repo, but it's also the same in my own repo. Changing the text color will temporarily fix this, but it will revert to text-gray-500

it seems to buggy in the clsx function

image

image

It should look like this: (this was achieved with the browser dev tools)

image

flip-in avatar Dec 18 '23 15:12 flip-in

Update:

removing dark:text-gray-500 from the <Link> element seems to have fixed this.

It was applied twice: once on the <ul> and once on the <Link>, so the dark-text-gray-200 wasn't able to apply to the Link

flip-in avatar Dec 19 '23 02:12 flip-in