Native Dark Mode support

[stevenjoezhang]

Thanks to @1v9 @BillYang2016 and @Yuhhang, this Pull Request was inspired by your dark mode design and implementation.

Some stylus variables are exported as CSS variables, and will no longer be available during customization.

Hello darkness my old friend.
I've come to talk with you again.

[stevenjoezhang]

• Currently, the color of pagination has not been replaced.

https://github.com/1v9/hexo-next-nightmode/blob/a0b95c098a7476ba18c9b3c80487736678d13724/css/scheme.styl#L68-L72

• And the color of the buttons under Pisces / Gemini needs to be adjusted.

• Need more testing.

GitHub

1v9/hexo-next-nightmode

Add Night Mode support for NexT. Contribute to 1v9/hexo-next-nightmode development by creating an account on GitHub.

[asdf2014]

@stevenjoezhang Can we add a button to switch dark mode?

[stevenjoezhang]

@asdf2014 Use this plugin: https://github.com/sandoche/Darkmode.js

GitHub

sandoche/Darkmode.js

🌓 Add a dark-mode / night-mode to your website in a few seconds - sandoche/Darkmode.js

[asdf2014]

@stevenjoezhang Thanks a lot. It worked. https://yuzhouwan.com/

宇宙湾

宇宙湾

Benedict Jin's Blog

[FgSurewin]

@stevenjoezhang Thanks a lot. It worked. https://yuzhouwan.com/

宇宙湾**宇宙湾**Benedict Jin's Blog

Could you mind sharing how to how to use that dark button plugin? As I am new to hexo, I don't know how to insert a js file into swig file.

[wangzhe3224]

Can we set a force dark mode instead of dark mode depending on user's system theme? Because it seems dark mode is no activated even I use a dark theme in Ubuntu 19. Thanks

[stevenjoezhang]

Sorry, we have no plans to add this feature.