刚发了个主题:Dark Clarity,按照个人喜好调整的简洁、高辨识度、且 h1~h6 标题有主题色的一款主题~

刚发了个主题: Dark Clarity,改自DarkMoss的,按照个人喜好调整的简洁、高辨识度、且 h1~h6 标题有主题色的一款主题~

高辨识、有配色

主要以 高辨识度、且 h1~h6 标题 有主题色 为主。

支持 Style Setting 插件, 目前可配置 主题配色副配色代码配色

Dark Moss 部分内容为基底进行调整。

很喜欢 DarkMoss 的配色方案,但是作者没怎么维护,出的第二代主题 Dekurai theme 我又不喜欢

会有很多细小的个人需求没解决,例如字体符号无法区分(前期好多笔记冒号都是凭直觉打的)、代码颜色预览跟编辑不是同个色系、打印pdf默认浅色时会打白字导致看不见、左边栏想要有横向滚动条、想要其他标题配色、想要图片边框、引用块去掉讨厌的斜体

等等等等等等、自己在用的时候得加亿丢丢css片段

索性自己改改出个主题 /滑稽

支持 Style Setting 插件,可自主选择 主题配色副配色代码配色

image

主题整体预览

左边栏横向滚动

多款主题配色

  • 原神系列 * N
  • 新海诚系列
  • 周杰伦系列
  • 闪亮彩虹
  • Nord

image



image
image
image

多款副配色

  • DarkMoss(蓝 + 墨绿)
  • Nord 配套(霜冻蓝)

image
image

代码配色

  • jetbrains dark 同款配色(idea、goland)

优化调整

本主题做出以下改变:

  • 界面:左边栏横向滚动
  • 字体:启用煮豆黑体的“蝌蚪形逗号”
  • 文本:粗体 更明显
  • 图片:加上了边框,清晰边界
  • 引用块:去掉 斜体
  • 代码块:
    • 尽可能统一渲染与编辑视觉
    • jetbrains IDE 同款配色
    • JetBrains Mono 同款字体
  • 其他适配:
    • 当打印 pdf (浅配色)时,适当优化可见性
4 个赞

更新1.0.2版本,新增配色与副配色

請問使用您的主題時,如何縮減編輯區寬度?

编辑区宽度是什么意思- -

更新新版本:

  • 新增可选性
  • 新增左边栏的目录配色可选项(关、简单灰、跟随主题配色)

我的原则是,标题颜色按级别由明到暗。
一级最亮,二级次之,后面的再次之。
如果不想突出第一级标题,就在第一级下面弄个长下划线,从第二级开始最亮。

我的配色逻辑是,选定一个配色,然后按照配色占比以及融合顺序,或者隐含信息进行排列。

很多配色都没法简单用明暗去排序的,例如

  • 只有一个明亮度,例如彩虹色
    • 这时明暗排序逻辑就不起作用了,所以只能参考他自身约定的排序红橙黄绿蓝靛紫
  • 某些具有明显主题的配色,例如某些角色是主紫色
    • 如果按照明亮排序,把主题紫色放到第六级,变为最低优先级了
    • (因为对我来说,级数越高则越少用到,第六级几乎没怎么用到,可以说是点缀用的)
  • 颜色顺序性,例如某个配色 主题橙+副主题黄
    • 那么如果两个配色都是等同的亮度排序,可能会有点跳跃
    • 例如明暗度来排可能是:亮黄、亮橙、黄、橙、暗黄、暗橙
    • 所以我会按照主题占比+排序性来考虑:亮橙、橙、暗橙、暗黄、黄、亮黄(点缀)

不过我也不是专业设计师,只是参考了一些现成的配色方案加上自己的一些调整,有时可能也不是最好的方案,但我尽力了 :joy: :joy:

如果你也用这个主题的话,对某些配色有改进的建议,或者是你有想加进来的配色方案的话也可以分享给我,谢谢~