svchord / rem-craft Goto Github PK

View Code? Open in Web Editor NEW

106.0 106.0 9.0 76.16 MB

一款现代化、扁平化设计的思源笔记主题

License: MIT License

SCSS 63.53% JavaScript 31.68% CSS 4.79%

siyuan theme

rem-craft's Introduction

rem-craft's People

Contributors

Stargazers

Watchers

Forkers

zeng032477 ankhcan oianthony cxbxxg langyamu terwer ssparkluo will-911 sorokinvld nomadarchitect

rem-craft's Issues

增加同步信息显示

如图所示，在其他主题会显示当前同步状态：

而Rem Craft则不显示，建议增加，让我们这些使用官方同步的人可以掌握同步情况。

窗口无法拖拽移动的问题

更新新版之后，出现了鼠标按住顶部窗口无法移动的问题。在Windows和macOS中都有出现。经过试验，只有在左上角会员图标处的小区域可以点击移动窗口。

打开图片时操作小按钮显示的bug

明亮模式下这里的图标有显示的bug，应该是与本身的白色融合了

暗黑模式没有

感觉正文有点空荡荡的

相同的一个目录笔记的首页，
这是点赞最多的那个白天主题

这个是Remcraft

引述块样式问题

在引述块内输入列表，前面的竖线丢失

2.引述块内硬换行，竖线能否不留空隙

包含子文档的文档在文档树中与同级文档无法整齐排列

如图:

块菜单BUG

如图所示：

测试了多个其他主题未发现该问题，表现为块菜单中有展开的内容鼠标无法正常移上去选取。

思源"定义块引用计数浮窗高亮引用处锚文本“功能的跟进

这个功能思源目前已经实现了，但是 rem craft 主题下好像不能实现该功能

大佬考虑跟进一下吗

具体见 siyuan-note/siyuan#4446

感谢！

【反馈】超级块“外观”四个样式显示BUG

算是bug吧，如图，四个样式在实际显示中有问题，提个issue。

命名/别名与文本似乎重叠了

主题应该只修改了字体。

父任务块已完成，会导致未完成的子任务块变成完成样式

建议取消掉未知超链接前的标志（siyuan://开头的）

我这边是用了一段时间以后笔记里大部分链接都是思源的笔记链接也就导致很多链接前都是未知的标志感觉有点多余，影响观看

改以后

改之前

是不是感觉清爽了不少

styles\pages\editor_block-link.scss:81行

.protyle-wysiwyg [data-node-id] span[data-type='a'][data-href^="siyuan://"]:not(:empty)::before,
.protyle-wysiwyg [data-node-id] a[href^="siyuan://"]::before,
.b3-typography a[href^="siyuan://"]::before
{
  display: none;
}

导出文件样式丢失

导出的HTML、PDF等文件没法保留设置的各种颜色、居中等设置

v2.1.3 导出 HTML 文件代码块显示异常

有一层灰蒙蒙的感觉

被引次数的标识似乎有点问题

这个挡住了原本的段落。

这个挡住了命名/别名。

希望顶栏可以在鼠标没有悬停的时候隐藏掉

顶栏按钮的利用率不高：
顶栏的这几个按钮，日记、边栏、同步在第一设置以后基本上就不会怎么动；
搜索平常也是用 ctl+f/p代替；
也就是白天/夜间主题的切换可能用的多一点。
顶栏的灰色和下面的白色相比，有些突兀，并且汉字相对符号也更加奇怪。

综上，希望可以向 Chrome-A4主题那样，平常鼠标没有悬停的时候隐藏掉。悬停以后再显示。

自定义emoji用作笔记本icon会偏移

文档树图标使用svg时不能正常居中

问题描述:
文档树图标使用svg时不能正常居中

截图:
使用svg时

使用emoji时

功能菜单悬浮显示不完整

什么时候出自定义css

上一个版本我还能f12一点点的选择修改这个版本有点看不懂
提几点 emoji太小了完全看不清

/bq 表情面板有点问题

这文字太小了看着字有些发虚

这个图标好像错乱了

最后给几个之前修改的截图参考下

链接编辑样式出错

代码块的代码左移bug

代码长度超出可视范围时候，左滑动导致显出出错

超链接开头有空档

给一个块添加思源内部块的超链接时出现（如图），这个应该可以优化一下

新版本文档树也太丑了

行内公式的字体有些奇怪

用dark主题的时候行内公式是一种奇怪的字体，正体无法正常显示，且数字是那种高矮不同的。请问有什么办法能够解决么？

关于分屏显示时顶部页签栏的一点建议

很喜欢RC这个主题，简洁、大气、逻辑显示更清晰，只有一点不习惯，就是分屏显示时顶部标签虽页签面板而变化，很容易错乱，经常搞错，希望分屏时各自栏的页签独立，像obsidian那样。谢谢！

反馈一下

我打算自定义主题，出现点击后整个页面颜色混乱的情况，我不知道问题出在哪里，希望可以帮我看一下，非常感谢。

还有一个问题，好像高亮的时候不能跨行选择，就是如果高亮一句话，这句话分布在多行，那么高亮这句话的时候，要么就不行，要么就高亮一点。

考虑出dark主题么

如题

右下角的按钮似乎有bug

似乎根本点不到

右键菜单Bug

二级菜单鼠标选中错误

标签弹窗会浮动在页面上，导致笔记有一块区域无法点击

您好，如图片显示的区域，存放标签的特面元素会浮动显示在笔记页面上层，影像这块区域笔记的编辑。看了下默认主题好像是隐藏在笔记的头部区域的，div好像也是没有展开的。

PDF导出窗口需要适配一下

最近的更新，PDF导出的窗口应该是有改动，可以跟着改动一下。
默认主题：

建议增加类似张亮主题 / 呼出菜单排列方式

分屏后页面乱跳

见 siyuan-note/siyuan#4191 (comment)

看到之前提的回复说在养病，祝安好。期待修复的那天，craft主体真的很棒。

切换文档后，文档树会自动跳转到最顶端

bug or feature？

能出一个适合笔记本的嘛？

感觉间距太大了，尤其是侧栏和文档树，如果能间距小一点，更适合小屏幕一些。
小白一枚，根本不懂，想修改一下没修改明白。
百分感谢，或者文件中多一点注释，我打开发现一堆乱码，根据您写的提示也没弄明白。。。。
非程序猿，非CS，平时用R画个图啥的。。。
修改有注释的还行，没有注释现场歇菜

请问CSS哪里可以改高亮的颜色，以前是蓝色现在是这个棕色好丑啊

有一个小边框存在

发现上，左，右有一个 2个 px 的距离，导致颜色不一样

段间距

段间距感觉太大了，有点难受，不知道是否可以调整？感谢

感觉可以把编辑器的固定 padding 去掉了

官方给的 设置 - 编辑器 - 自适应宽度 功能已经实现了

另外下边是我对主题的一点改造，，，

Rem Craft 主题改造

styles\protyle\block\list.scss

大纲辅助线颜色 —— 鼠标移入块高亮

$list-border-color: #4078f2;
.protyle-wysiwyg {
  [data-node-id].li {
   &:hover > [data-node-id]:before {
      border-left: 1px solid $list-border-color !important;
      transition: var(--b3-transition);
      opacity: 0.86;
    }
  }
}

块设置悬浮按钮的位置如何更为原来的呀

滚动条会浮在链接面板上

如图所示

PDF页数字体大小问题

虽然不是bug，但是当前页数的字体大小是不是应该跟总页数的字体大小一致才会好点呢？

中英文空格

能不能以主题的形式做一个这样的功能，在中英文之间自动生成一个英文空格，这个还是挺实用的。目前 siyuan 给出的解决方案是在文档左上角使用优化排版的方式实现，这个需要对每一篇文档手动优化排版。如果可以由主题直接实现会更方便

建议整合siyuan-comment

https://github.com/langzhou/siyuan-note/tree/main/siyuan-comment

建议主题整合此功能

建议同一层级下的文档，图标保持对齐

如图，能展开的和不能展开的，建议图标保持对齐，而不是箭头和图标左对齐

类似于默认主题的这个样式

块菜单的二级菜单大概率无法使用

有一部分块，鼠标挡在一级菜单上二级菜单可以打开，但是当鼠标划到二级菜单上时，二级菜单就消失了。只有一小部分块可以使用二级菜单。
还有另一种情况，比如上图，鼠标可以放到二级菜单上，但是当我鼠标往下走，二级菜单就会变成 “复制”这一项的二级菜单里面去了
这种情况一般是什么原因造成的？

反馈引用块内部分CSS错误

其一是引用块嵌套段落块时，段落块选中高亮范围有点错误

还有就是希望引用块内使用其它容器字体可以同样置灰（如图中列表

希望编辑器里能给各级标题加上自动序号和颜色, 就像Dark+一样

暗色模式下, 标题跟正文的区分不明显, 所以希望能增加各级标题的颜色.
Dark+的自动标题序号功能真的很好用, 免去了写序号的操作, 希望作者可以加一下, 感激不尽
这个是我复制Dark+的样式的效果图,

:root[theme-mode=light] {
    --custom-h1-color: var(--td-text-color-primary);
    --custom-h2-color: var(--td-text-color-primary);
    --custom-h3-color: var(--td-text-color-primary);
    --custom-h4-color: var(--td-text-color-primary);
    --custom-h5-color: var(--td-text-color-primary);
    --custom-h6-color: var(--td-text-color-primary);
}

:root[theme-mode=dark] {
    --custom-h1-color: #c9d1d9;
    --custom-h2-color: #a6d5fa;
    --custom-h3-color: #ffd599;
    --custom-h4-color: #b7dfb9;
    --custom-h5-color: #fab3ae;
    --custom-h6-color: #b2a1c7;
}

:root {
    --custom-h1-indentation: 0.5em;
    --custom-h2-indentation: 1em;
    --custom-h3-indentation: 1.5em;
    --custom-h4-indentation: 2em;
    --custom-h5-indentation: 2.5em;
    --custom-h6-indentation: 3em;
}

/* 👇标题自动编号👇 */
/* body {
    counter-reset: h1-counter 0;
} */
.protyle-wysiwyg,
.b3-typography {
    counter-reset: h1-counter 0 h2-counter 0 h3-counter 0 h4-counter 0 h5-counter 0 h6-counter 0;
}

.protyle-wysiwyg>[data-node-id].h1,
.b3-typography>h1 {
    counter-increment: h1-counter;
    counter-reset: h2-counter 0;
}

.protyle-wysiwyg>[data-node-id].h1::before,
.b3-typography>h1::before {
    display: block !important;
    float: left;
    font-size: var(--custom-h-num-font-size);
    content: counter(h1-counter) "\00A0";
}

.protyle-wysiwyg [data-node-id].h1,
.b3-typography h1 {
    color: var(--custom-h1-color);
    border-left: 3px inset var(--custom-h1-color);
    padding-left: 9px;
}

.protyle-wysiwyg>[data-node-id].h1>[contenteditable][spellcheck]:empty {
    padding-left: var(--custom-h1-indentation);
}

.protyle-wysiwyg>[data-node-id].h2,
.b3-typography>h2 {
    counter-increment: h2-counter;
    counter-reset: h3-counter 0;
}

.protyle-wysiwyg>[data-node-id].h2::before,
.b3-typography>h2::before {
    display: block !important;
    float: left;
    font-size: var(--custom-h-num-font-size);
    content: counter(h1-counter) "." counter(h2-counter) "\00A0";
}

.protyle-wysiwyg [data-node-id].h2,
.b3-typography h2 {
    color: var(--custom-h2-color);
    border-left: 3px solid var(--custom-h2-color);
    padding-left: 9px;
}

.protyle-wysiwyg>[data-node-id].h2>[contenteditable][spellcheck]:empty {
    padding-left: var(--custom-h2-indentation);
}

.protyle-wysiwyg>[data-node-id].h3,
.b3-typography>h3 {
    counter-increment: h3-counter;
    counter-reset: h4-counter 0;
}

.protyle-wysiwyg>[data-node-id].h3::before,
.b3-typography>h3::before {
    display: block !important;
    float: left;
    font-size: var(--custom-h-num-font-size);
    content: counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "\00A0";
}

.protyle-wysiwyg [data-node-id].h3,
.b3-typography h3 {
    color: var(--custom-h3-color);
    border-left: 3px solid var(--custom-h3-color);
    padding-left: 9px;
}

.protyle-wysiwyg>[data-node-id].h3>[contenteditable][spellcheck]:empty {
    padding-left: var(--custom-h3-indentation);
}

.protyle-wysiwyg>[data-node-id].h4,
.b3-typography>h4 {
    counter-increment: h4-counter;
    counter-reset: h5-counter 0;
}

.protyle-wysiwyg>[data-node-id].h4::before,
.b3-typography>h4::before {
    display: block !important;
    float: left;
    font-size: var(--custom-h-num-font-size);
    content: counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "\00A0";
}

.protyle-wysiwyg [data-node-id].h4,
.b3-typography h4 {
    color: var(--custom-h4-color);
    border-left: 3px solid var(--custom-h4-color);
    padding-left: 9px;
}

.protyle-wysiwyg>[data-node-id].h4>[contenteditable][spellcheck]:empty {
    padding-left: var(--custom-h4-indentation);
}

.protyle-wysiwyg>[data-node-id].h5,
.b3-typography>h5 {
    counter-increment: h5-counter;
    counter-reset: h6-counter 0;
}

.protyle-wysiwyg>[data-node-id].h5::before,
.b3-typography>h5::before {
    display: block !important;
    float: left;
    font-size: var(--custom-h-num-font-size);
    content: counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "." counter(h5-counter) "\00A0";
}

.protyle-wysiwyg [data-node-id].h5,
.b3-typography h5 {
    color: var(--custom-h5-color);
    border-left: 3px solid var(--custom-h5-color);
    padding-left: 9px;
}

.protyle-wysiwyg>[data-node-id].h5>[contenteditable][spellcheck]:empty {
    padding-left: var(--custom-h5-indentation);
}

.protyle-wysiwyg>[data-node-id].h6,
.b3-typography>h6 {
    counter-increment: h6-counter;
    counter-reset: h7-counter 0;
}

.protyle-wysiwyg>[data-node-id].h6::before,
.b3-typography>h6::before {
    display: block !important;
    float: left;
    font-size: var(--custom-h-num-font-size);
    content: counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "." counter(h5-counter) "." counter(h6-counter) "\00A0";
}

.protyle-wysiwyg [data-node-id].h6,
.b3-typography h6 {
    color: var(--custom-h6-color);
    border-left: 3px solid var(--custom-h6-color);
    padding-left: 9px;
}

.protyle-wysiwyg>[data-node-id].h6>[contenteditable][spellcheck]:empty {
    padding-left: var(--custom-h6-indentation);
}