yihui/hugo-paged

Emoji's color gets inverted in the dark mode

Closed this issue · 4 comments

CyrusYip commented

Reproduction

git clone https://github.com/yihui/hugo-paged.git
cd hugo-paged
git reset --hard cc8e306
echo '🙈' > exampleSite/content/_index.md # see-no-evil \u{1F648}
hugo server --source exampleSite --themesDir ../..

Dark mode (ugly):

Screenshot_20240724_174400

Light mode (normal):

Screenshot_20240724_174516

yihui commented

Emojis can't be selected via CSS selectors, so I'm afraid I can't do anything about them.

CyrusYip commented

filter: invert(1) is hacky. If you are content with current colors in the dark mode, maybe you can use color picker software to get color values and put them in @media (prefers-color-scheme: dark) { }.

yihui commented

It is a hack indeed. And yes, I can get the color values for the dark mode, but I don't have time or interest...

CyrusYip commented

I can get the color values for the dark mode, but I don't have time or interest...

Me neither. I'll let you decide whether to close this issue.