Hexo 暗色模式深度适配，适用于可切换亮暗色 Hexo 主题

看到自己的博客无论是在暗色模式还是亮色模式，总是亮一块、暗一块，因此决定要写一个 css 解决这些问题。
我采用的是引入自定义的 css 的方式实现适配，无需修改主题源代码。

注意

现通过“网页开发工具”直接向网页源代码添加样式，可能会出现优先级问题，目前部分使用“!important”属性。

你需要在博客根目录的 source 文件夹内存放这个自定义 css 文件。
例如我的自定义 css 文件在/source/css/custom.css。

Butterfly

直接将以下所有内容复制到自定义 css 中，即可获得此站点的所有暗色适配。

查阅官方文档：

在自定义 css 中添加以下内容。
Aplayer.css

当使用 style 为modern、flat 和 no-icon 时，在暗色模式会很亮，因此使用仅对这三种进行优化。
如果只使用其中一种 style，只需选择相应的 css 即可。

真可谓一波三折，反复横跳，基本得知需要同时写两种选择器了。不过这样一来代码就会很长，也许可以试试看通过全局变量的方法呢？

直接将以下所有内容复制到自定义 css 中，即可获得 Yun 的所有暗色适配。

在主题配置文件中设置，注意缩进。

yml_config.yun.yml

head:
  css:
    custom: /css/custom.css

查阅官方文档：

Masle 的博客的 Waline 评论在暗色模式下是亮的，起码在我这里是的。去了“云游君”的博客看了，一开始以为不会，结果把 dark reader 一关又变成很亮的了。

css 和 Butterfly 的差不多。

警告

当前参考版本：5.0.0-rc.1

在未来的版本中可能无此问题或此方法无效。

直接将以下所有内容复制到自定义 css 中，即可获得 Volantis 的所有暗色适配。

警告

很抱歉，没能在 Volantis 官方文档找到具体的 css 引入方法，此处采用的方法不确定有效。

在博客配置文件中设置，注意缩进。

yml_config.yml

import:
  link:
    - <link rel="stylesheet" href="/css/custom.css">

Masle 做了一个功能站，用的是 Volantis 最新的 alpha 版，但是出现有些图标看不清的情况，确认过官网也有此问题。