用Stylebot插件修改kejiland博客的颜色 阅读更柔和 | 安知鱼主题博客通吃 anzhiyu theme

kejiland博客的初始配色对我来说, 蓝色太饱和了, 有点刺眼.
所以用Stylebot插件修改一下CSS设置.

分析

先用 F12 工具看一下页面目前的状态
科技小岛文章用DevTools查看strong样式与对比度

经过一些探索和跳转, 
样式面板高亮strong的颜色变量--anzhiyu-lighttext

我们知道了, 原来最终是生效的是 
--anzhiyu-theme: #425aef;
而且, 这个颜色"CSS变量"位于: [data-theme="light"] 这个"组"
代码截图展示data-theme为light的anzhiyu主题CSS变量

那么我们设置一个CSS覆盖掉默认的.


实践

打开Stylebot
浏览器扩展菜单高亮打开Stylebot

切换到代码栏, 输入
[data-theme="light"] {
  --anzhiyu-theme: #5B7493;
}
右上角 关闭
CSS选择器面板显示--anzhiyu-theme变量与代码按钮


========

完



评论