【Savor 写味主题】记录应是简单且真实的,值得细细品味

本贴最后更新于 348 天前,其中的信息可能已经天翻地覆

12023120919260620bp0o6.jpg

经历长时间重构,新版写味主题跟大家见面啦,优化大量细节,大幅提升编辑流畅度。在此感谢小伙伴们的支持,也感谢社区大佬们提供技术支持。

👑 简介

这款主题旨在降低界面上一些冗余信息的表达强度,结合了一些优秀软件外观参考和个人对极简美学的诠释。

五种配色随心切换

主题右上角即可切换,明亮模式 3 种配色,暗黑模式 2 种配色

220231209194500v0t1zcy.jpg

🍩 主题特性功能

挖空

主题右上角开启,开启后文档中被标记的文字将会被下划线替换,鼠标悬浮显示,可用于复习。

320231209195458i9pfa9b.jpg

垂直页签

主题右上角开启,开启后页签垂直显示在编辑器左侧,可以展示更多页签。

420231209200006639nd6c.jpg

隐藏顶栏

主题右上角开启,开启后顶栏上浮隐藏,鼠标悬浮在顶部可显示顶栏。

520231209200620b18qosv.jpg

列表子弹线

主题右上角开启,列表以高亮辅助线的形式展现父子关系。(长列表使用可能会有卡顿)

620231209200907z394ajk.jpg

列表折叠悬浮显示

列表折叠后后方出现省略号,鼠标悬浮可以显示折叠内容。

7202312092013533005mub.jpg

鼠标中键折叠展开

鼠标中键点击快速折叠展开【列表】和【标题】。

表格转换

表格 - 块标 - 视图选择切换

820231209202013fj8d23p.jpg

自动宽度换行【默认状态】:表格宽度到达编辑器边缘后不再延伸,单元格内容自动换行。

自动宽度不换行:表格宽度到达编辑器边缘后继续延伸,单元格内容不换行。

页面宽度:表格宽度与编辑器宽度一致,单元格内容换行。

竖向表头:表格表头切换为左侧竖向。

空白表头:表格默认的表头样式跟单元格一致。

列表转换

无序列表、有序列表、任务列表 - 块标 - 视图选择切换

【导图】:简单的的树形导图视图,可满足基础导图使用。

9202312092030535l0xmvr.jpg

【表格】:列表转为表格后,方便引用和搜索定位。

10202312092034508mzd98h.jpg

【看板】:做简单的任务管理。

1120231209203933fbteq4h.jpg

【进度条任务】:仅用于任务列表(无序列表、有序列表无效)

1220231209204247r2ig5ii.jpg

引述转换

引述 - 块标 - 视图选择切换

提供 11 种 callout 样式选择

13202312092054091nxnjvl.jpg

🍵 更多主题外观细节优化

标题提示

每级标题后面都有浅色标记代表该标题的层级。

标题间距

更适合阅读的分段间距,减少信息压力。

文字配色

配色更加柔和,降低页面对比度。

链接图标

增加超链接前小图标。

隐藏底栏

隐藏底部状态栏后依然显示隐藏停靠栏按钮。

搜索页

搜索结果展现所有内容,便于分辨关键信息。

💌 建议反馈

如主题存在一些样式问题,或者对主题有其他想法建议,可在此贴回复反馈,或者通过 github 建 issue 反馈,后面若有新特性也会在本贴更新。

【如果只是点缀,愿当皎洁明月】

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    22346 引用 • 89411 回帖 • 1 关注
  • Savor
    17 引用 • 153 回帖 • 1 关注
1 操作
royc1 在 2023-12-09 21:16:50 更新了该帖

相关帖子

优质回帖
  • null1 3 赞同

    引述转换的功能,callout 样式我感觉可以做的更好一点。提点建议:

    1. 图标如果可以选中更换,或者可以自定义颜色和图标
    2. 文本内容样式最好不要有默认标题。有时候引述就是没标题,又不想画蛇添足写一个标题,因为图标完全可以表示我这个引述代表什么意思。毕竟引述本身可以用标题的,现在默认的这个标题压根取消不了。。。
  • leanzhuang 1 赞同

    确实是我心中的最美主题,但是还是比官方主题略卡一些,希望可以继续优化流畅度

  • qianink 1

    image.png这些双链下的虚线与普通文本区分度太低了,复习的时候很不直观,可否增加下辨识度,大佬能不能告诉我怎么自己修改下 😭

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • sahaaa 2 评论

    链接的部分能不能换个颜色啊,每次盘点关系的时候,找得好费劲,然后就会直接换个主题 😂

    你好,指的是哪个地方呢?
    royc1
    @royc1 往上翻了下,跟另一个人同样的问题,就等优化啦~
    sahaaa
  • 其他回帖
  • Afterglow 1 评论

    作者好,Salt 配色在开启顶栏合并之后,额头变成了黑色的字体,白色的填充,看起来很压抑。

    其实我觉得这种配色就还行,鼠标放上去,字体变成了白色的,填充是黑色的;其他页签的字体就比较淡一些。但是现在就是把鼠标移走,当前打开的页签就变成了白色,这个对比真的太明显了,可以恳请作者再修改一下吗?实在是喜欢 Salt 的配色。

    Clip20240720231457.png

    个人认为 Light 那种全白色的额头配色就很好的。

    官方之前也是黑色的额头配白色的页面,后来也改成了白色的额头。这个黑色额头配白色的页签实在是太明显了。
    Afterglow
  • shuojie 2 评论

    Savor 的 Emoji 是优化了吗,看了一下默认的,和 Asri 一样,感觉 Asri 的效果更好一些,而且鼠标划过的 emoji 都会变大。(只是感觉 Asri Emoji 的效果更好一点,提议一下

    image.png

    image.png

    Asri 效果 👇

    recording.gif

    新版本内置了 twemoji,其他应该没改,后续再优化吧
    royc1
    @royc1 好的 😊
    shuojie
  • keyiming 1 评论

    大佬,新版更新是不是把标题间距改了,感觉间距小了很多,巨不习惯

    去 github 找了一下,复制粘贴到外观代码 css 恢复到原来的了

    /*h1~6标题间距*/
    .protyle-wysiwyg .h1,.protyle-wysiwyg .h2,
    .protyle-wysiwyg .h3,.protyle-wysiwyg .h4,
    .protyle-wysiwyg .h5,.protyle-wysiwyg .h6{
    	font-weight:700;
    	margin-top: 1.2em;
        margin-bottom: .4em;
    }
    .sb[fold="1"] .h1,.sb[fold="1"] .h2,
    .sb[fold="1"] .h3,.sb[fold="1"] .h4,
    .sb[fold="1"] .h5,.sb[fold="1"] .h6{
    	margin-top: 0em;
    }
    .protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h1,
    .protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h2,
    .protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h3,
    .protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h4,
    .protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h5,
    .protyle-wysiwyg [data-node-id].li > .protyle-action ~ .h6{
    	margin-top: 0em!important;
        margin-bottom: 0.2em!important;
    }
    
    1 操作
    keyiming 在 2024-04-19 07:50:33 更新了该回帖
    感谢反馈,好像改动太多不小心删了
    royc1
  • 查看全部回帖