如何编写CSS去改变主题里的局部配色

现在使用一个obstinate的标题,比较精简适合自己。

但一些配色,看不清楚文本内容,包括书签、链接都是色差太近,文字看不清。

如何编写CSS局部改变这些配色,又不影响主题的使用?

如图片红框所示,文字颜色太浅看不清

  • style settings 插件
    • 很多主题支持这个插件,可以进行部分颜色样式的微调。如果 style settings 不支持——
  • 修改主题 css
    • vscode 打开 css 文件 (记事本也行)
    • 找出想要修改的样式
      • 猜。比如说我想要修改标签文字的颜色,我就猜它的名字里可能有 tag。文件中查找 tag ,可能会出现几十个或是几百个结果,那就……试呗 (通常前面几个就是了)
      • 结果大概长这样:--tag-font-color: #aaaaaa;
    • 修改。把 #aaaaaa 改成你喜欢的颜色码。
    • 保存。看看 ob 有没有变化,如果没有——
    • 再试。撤回,下一个,比方说 --tag-font-color-d: #aaaaaa; 。最好保留一份副本,以免改出问题回不去了。
    • 成功几次,以后就会了。

以上是我作为 css 小白的个人经验,仅作参考 :laughing:。推荐 3F 大佬的置顶帖