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

标题.jpg

为了更方便维护,决定两个主题配色进行合并。

👑 简介

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

十种配色随心切换

主题右上角外观模式里即可切换,明亮模式 6 种配色,暗黑模式 4 种配色

配色.gif

🍩 主题特性功能

挖空

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

挖空.gif

垂直页签

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

垂直.jpg

合并顶栏

主题右上角开启,开启后页签栏与顶栏合并,插件按钮将隐藏在右侧。

合并.jpg

列表子弹线

主题右上角开启,列表以高亮辅助线的形式展现父子关系。

620231209200907z394ajk.jpg

列表折叠悬浮显示

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

7202312092013533005mub.jpg

鼠标中键折叠展开

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

表格转换

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

820231209202013fj8d23p.jpg

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

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

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

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

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

列表转换

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

【导图】:简单的的树形导图视图,加入了拖拽和【alt+ 滚动】缩放功能,可满足基础导图使用。

导图.gif

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

10202312092034508mzd98h.jpg

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

1120231209203933fbteq4h.jpg

🍵 更多主题外观细节优化

标题提示

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

标题间距

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

文字配色

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

隐藏底栏

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

搜索页

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

💌 建议反馈

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

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

  • 思源笔记

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

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

    23112 引用 • 93058 回帖
  • Savor
    21 引用 • 185 回帖 • 1 关注
2 操作
royc1 在 2024-12-20 20:36:11 更新了该帖
royc1 在 2023-12-09 21:16:50 更新了该帖
优质回帖
  • null1 3 赞同

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

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

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

  • qianink 1

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

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • coder123
    .fn__code,
    .b3-typography code:not(.hljs),
    .b3-typography span[data-type~="code"],
    .protyle-wysiwyg code:not(.hljs),
    .protyle-wysiwyg span[data-type~="code"] {
      padding: 3px 6px;
      color: #3451b2;
      font-size: 0.875em;
      font-family: Consolas, var(--b3-font-family-code);
      transition: color 0.25s, background-color 0.5s;
      vertical-align: 1px;
    }
    
  • 其他回帖
  • SCHa1 1 评论

    顶栏功能非常新颖!但可惜的是它的易用性还是不足以让它成为一个非常好用的功能。

    • 如图 ①。打开顶栏功能后,放在页面中间的页签,包括页签所在的一整行全部变成了顶栏的形制,看起来过于粗放了。如果在顶栏功能的基础上,使中间的页签像图 ② 统一风格,或使其拥有更纤细的顶栏式风格想必会更好看。

    未命名 SCHa1 思源笔记 v3.1.0202471501540.png

    未命名 SCHa1 思源笔记 v3.1.0202471501828.png

    • 如下图,顶栏合并后页签的宽度是不一样的,页签与页签之间也没有明确的分隔,导致多页签管理的时候会让人很头疼。可以模仿现在的主流浏览器,固定页签长度并使不超出某数量的页签动态调整宽度(如下图 ②)。

    未命名 SCHa1 思源笔记 v3.1.0202471501622.png

    image.png

    • 我注意到顶栏合并开启的同时还有个“展开插件”的小功能。在下载插件之后,某些插件的设置按钮也会作为插件按钮显示在顶栏上,它们用得少却会长久占地方。这个小功能如果能让特定插件显示在顶栏,而其他插件缩进这个小菜单里,想必会非常好用。

    image.png

    我不清楚这些功能的实现难度,只希望作者在开发时能考虑下我的建议。总之感谢作者分享的主题。

    感谢您的反馈,① 为确保页签的一致性,这个暂时先不动了。② 这个宽度后续看看怎么优化一波。③ 可以通过右上角插件图标-取消钉住来隐藏不常用的插件图标,这个收缩插件按钮的功能主要是收缩常用的图标以节省顶栏空间。
    royc1 1
  • lisontowind 1 评论

    image

    image

    大大,页签多的时候和插件互相之间会有遮挡,

    这个 issue 我看到的,只是暂时没方法优化,我再研究一下,感谢反馈
    royc1
  • aleegreat 1 评论

    您好,有两个问题请教一下,麻烦看看是不是 BUG 哈,感谢感谢

    1. 如下图,其他插件的图表显示在最小化、最大化按钮的下方,且与最小化、最大化按钮有一定重叠。禁用插件后现象消失,暂未能定位出是否插件与主题冲突导致
    2. 鼠标移动到关闭按钮上面,关闭按钮没有高亮为红色,且鼠标点击关闭按钮无效(感觉关闭按钮上面有一层遮挡),禁用插件后此现象仍存在

    环境信息:思源版本 3.1.6 Savor 版本 v4.1.9, 无自定义 CSS 和 JS

    插件见截图 2

    图片.png

    图片.png

    1、这是正常的,这个是合并顶栏的样式,因为按钮太多,只能放下面了,还没想到更好的方案。 2、点击多次钉住侧栏会导致下面停靠栏挡住顶栏
    royc1 1
  • 查看全部回帖