思源笔记主题 Notion

参考 Notion 写的一个明亮模式的主题。

才发现明亮模式的主题好难写,暗黑模式下我写的那个主题哐哐哐两三种黑色 + 阴影就成了,剩下的都是编辑器内部样式;而明亮模式光 UI 就需要调好久,十几种白色排在一起晃得人眼晕(可能是我太菜了)。

已经发布,可直接从社区集市下载安装。具体简介见仓库

重点

preview.png

广告 我要投放

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • crowds21
    订阅者

    一个改进的小点,不知道能不能实现,当我的块引用锚文本设置为代码时,如下.

    ((20210403014754-acq594t "{{.text}}")), 显示出来的效果 锚文本,能够再锚文本类型为代码时,也给该锚文本加一个下划线或其他方便区分的样式,方便区分,而非只有鼠标移上去的时候,才显示下划线.

    image.png

    image.png

    1 回复
  • 其他回帖
  • zqhjl
    作者

    你是指哪个悬浮窗呢?

    1 回复
  • zqhjl
    作者

    分屏这个是我一直以来的设计了,因为把内定的 border 颜色改成和背景颜色相同了,如果要修改的话整体 UI 就不好看了。

    如果是想要不隐藏的话,可以以 富文本工具栏 为搜索条件找到如下代码:

    .vditor-toolbar__item {
      transition: opacity 400ms ease 0s;
      opacity: 0;
      margin: 0 2px;
      margin-bottom: 4px;
    }
    
    .vditor-toolbar:not(.vditor-toolbar--hide):hover .vditor-toolbar__item {
      opacity: 1;
    }
    

    把其中的 transition: opacity 400ms ease 0s;opacity: 0; 以及

    .vditor-toolbar:not(.vditor-toolbar--hide):hover .vditor-toolbar__item {
      opacity: 1;
    }
    

    都注释掉就可以了

  • zqhjl
    作者

    哈哈哈哈谢谢

  • 查看全部回帖