search

yihui / hugo-paged

A Hugo theme with the feel of printed media (inspired by paged.js)
https://paged.yihui.org
MIT License
28 stars 3 forks source link

Emoji's color gets inverted in the dark mode #7

Closed CyrusYip closed 1 month ago

CyrusYip commented 1 month ago

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 1 month ago

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

CyrusYip commented 1 month ago

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 1 month ago

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 1 month ago

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.