Rem Craft

一款思源笔记软件的自用主题

——的草稿。

样式参考

以下是已修改样式：

• VS Code 的顶栏
• Craft 的边栏、呼出菜单
• Rem Note 的文档树
• Notion 的面包屑
• Logseq 的页签
• Notion 的编辑器各类块

编辑器目前仅对引述块、列表块、快捷键、多行代码块、表格块、公式块、嵌入块和标题块等做了一定的更改

注意

该主题是自用，因此有部分对其他用户来说可能过于激进的变更，如果你希望取消以下更改，需要了解自定义步骤后进行取消更改操作：

1. 文档树上父子文档的图标对齐（可凭左边框的位置来判断）
2. 设置、搜索、笔记本设置等大宽度菜单的关闭键被隐藏（点击菜单四周的空白处即可关闭）
3. 超链接的锚文本编辑功能被隐藏（可直接在编辑器内编辑）
4. 编辑器输入区域的宽度写死了，目前为46.9vw

自定义步骤

1. 使用 VS Code 编辑器，下载并安装Live Sass Compiler插件
2. 在设置文件settings.json中写入以下代码

   "liveSassCompile.settings.formats": [
        // 扩展
        {
            "format": "compressed", //可定制的出口CSS样式（expanded，compact，compressed，nested）
            "extensionName": ".css", //编译后缀名
            "savePath": "/" //编译保存的路径
        }
    ],
    "liveSassCompile.settings.generateMap": false,
    "liveSassCompile.settings.excludeList": [
        "**/node_modules/**",
        ".vscode/**"
    ],
    "liveSassCompile.settings.includeItems": [
        "src/styles/theme.scss"
    ]

3. 克隆本仓库到本地，并更换到dev分支（此步骤建议使用 Github Desktop）
4. 查看_variables.scss文件，其中包含了所有更改样式的相关颜色和部分共用样式，请按照自己的需求自行修改
5. 点击编辑器底部的Watch Sass按钮，等待编译
6. 将编译后的theme.css文件替换主题文件夹中的同名文件

取消更改操作

以下相关操作与激进变更按序号对应：

1. 可通过修改_variables.scss文件中的$list-left变量调整
2. 相关代码在_dialog.scss文件中，结构如下所示，注释后编译即可取消

   .b3-dialog__close {
    display: none;
   }

3. 相关代码在_util.scss文件中，结构如下所示，注释后编译即可取消

   &[style*="width"] {
     ...
   }

4. 可通过修改_variables.scss文件中的$rc-editor-width变量调整

以上就是本菜鸡摸索出来的流程，也许之后我会开发一个主题自定义挂件，应该就不需要这么多复杂的步骤了…不过估计使用该主题的人不多，所以应该会鸽很久

CHANGELOG

CHANGELOG

LICENSE

MIT License