search

atinux / content-wind

A lightweight Nuxt theme to build a Markdown driven website. Powered by Nuxt Content, TailwindCSS and Iconify.
https://content-wind.nuxt.space
MIT License
791 stars 55 forks source link

wrong theme switcher behavior #32

Closed asrvd closed 1 year ago

asrvd commented 1 year ago

The current theme switcher button shows Sun icon when it's light mode and Moon icon when it's in dark mode, which is actually quite the opposite of how its supposed to behave. It should be Moon when it's in light mode and vice-versa.

image image

Can open a PR if you feel like this needs to be fixed.

atinux commented 1 year ago

Thank you for the feedback @asrvd

Actually it is on purpose to show the current color-mode, multiple websites are doing the same.

See for example https://www.joshwcomeau.com/

atinux commented 1 year ago

But you can anyway overwrite the <ColorModeSwitch> component by copying the code of https://github.com/Atinux/content-wind/blob/main/components/ColorModeSwitch.vue and creating components/ColorModeSwitch.vue in your project using content-wind to overwrite the theme component.