化工企业网站模板,58同城最新消息招聘,外贸购物网站制作,全国高校校园网站建设与发展高级研修班hexo 魔改 | 修改卡片透明度
**
博客食物用更佳 博客地址
**
这是笔者自己瞎倒腾的。作为前端菜鸡一枚#xff0c;大佬们随便看看就好~
我用的主题是 butterfly 4.12.0
分析
通过开发者工具可以看出来卡片的背景和 --card-bg 变量有关 再在 sources 下的 css 文件夹下的…hexo 魔改 | 修改卡片透明度
**
博客食物用更佳 博客地址
**
这是笔者自己瞎倒腾的。作为前端菜鸡一枚大佬们随便看看就好~
我用的主题是 butterfly 4.12.0
分析
通过开发者工具可以看出来卡片的背景和 --card-bg 变量有关 再在 sources 下的 css 文件夹下的 index.css 查找 --card-bg可以看出来背景颜色和这个有关是在这里体现。 然后继续查找这个变量。在 :root 下面找到这个就是设置全局默认 - 白天模式的。我已经调整过了。 那么黑暗模式下的这个值又在哪呢继续往下找。
看到这里有个 [data-themedark] 就是表示黑暗模式。 我试了一下在自己创建的 css 文件下写 light 模式和 dark 模式 --card-bg 的修改但是会有小问题。所以我就用了暴力方法。找到 index.css 中这两个值定义的地方。
light 模式调整
首先就是在主题文件夹下 source 目录下的 css 目录下找到 var.styl 搜索 card-bg 原先这里是 white 我已经调整过了 后面这个 0.9 是透明度当然颜色也可以自己调整。
$card-bg rgba(255, 255, 255, 0.9)dark 模式调整
进入 _mode 文件夹 打开 darkmode.styl 文件。也是搜索 card-bg 我这里已经调整过颜色 --card-bg: rgba(24, 22, 22, 0.8)最重要的
不要忘记
hexo clean
hexo g
hexo d
