[tutorial] support night dark mode

Update: Icarus v4.1 night mode support

Github diff: https://github.com/imaegoo/hexo-theme-icarus/commit/ac92cdc5f87671e9ac67f4dbb85eb546b68d9bf4

Full theme pack download: https://github.com/imaegoo/hexo-theme-icarus/archive/night4.zip

Preview

Live Preview

https://www.imaegoo.com/

Attention

This extension is NOT FULLY TESTED, so it may not fully cover the theme styles, if you find something wrong (such as bright things in night mode), please report it in this issue, do not open new issue.

Usage

1. (FOR ICARUS 4.1) Merge night4 branch from imaegoo/hexo-theme-icarus into your icarus theme folder, or dowmload zip.

(FOR ICARUS 3.0) Merge night3 branch from imaegoo/hexo-theme-icarus into your icarus theme folder, or dowmload zip. (FOR ICARUS 2.0) Merge night branch from imaegoo/hexo-theme-icarus into your icarus theme folder, or dowmload zip.

1. If you configured an image logo, you should prepare a logo for night mode, then apply them in themes/icarus/_config.yml.

logo:
    light: /images/logo.png
    dark: /images/logo-dark.png

Modify

If you want to customize your theme, you can modify themes/icarus/source/css/night.styl.

Thanks

Universe background from https://github.com/fan-lv/Fan

[Anne416wu]

屏幕在tablet大小的时候，navbar-menu会变白色，作以下修改即可

.navbar,
+.navbar-menu,
.card
        background-color: rgba(40,44,52,0.5)
        backdrop-filter: none
        -webkit-backdrop-filter: none

[Maizehsu]

@imaegoo

The navbar stays white when the site is viewed on mobile. Just reporting

Anne416wu’s answer above solves the problem.