-
思源的字体外观不应关联其他模块的颜色
2024-11-22 12:52试过了这个插件 便利性相对于自带的选择器差了很多(要多开一个常驻界面) 功能按钮上也比较复杂
我的希望是 设置上复杂 使用上精简
-
AI 功能使用不了
2024-11-07 20:56感谢各位回帖, 最终方法 更改了下 User-Agent 可以用了
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36
-
代码块出现这种间隔很长的问题如何解决?
2024-10-29 09:58.protyle-wysiwyg .hljs > div { line-break: anywhere; }
这个应该可以解决
-
求 CSS 选择器
2024-10-15 13:05感谢 但是感觉有点长 简洁改了一下应用(感觉这个属性应该不会有其他用处了)
.file-tree>.fn__flex-1 ul { background-image:none !important; }
-
求 CSS 选择器
2024-10-15 09:41看起来无效果
经测试 以下代码是可以的 (但是感觉有可能牵扯范围有点广) (注: 此效果思源原版是没有的, 我用的 Asri 主题, 原本效果很好 但是由于我改了很多文档树的 CSS 所以导致他现在显示并不正确)
.file-tree > .fn__flex-1 { --indent-color-inactive: none; --indent-color-active: none; }
-
求标签样式 CSS 代码片段
2024-09-26 09:40把整个标签 改成行级块应该就就行了
display: inline-block;
将我上面评论的代码的行级标签改为如下代码即可
.protyle-wysiwyg [data-node-id] span[data-type~=tag] { --tag-color: #97B9DA; font-size: 80%; border-radius: 1em; padding: .1em .5em .15em; border: none; box-shadow: 0 0 0 .065em inset var(--tag-color); background-color: #28405c !important; color: var(--tag-color); box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline-block; } .protyle-wysiwyg [data-node-id] span[data-type~=tag]::before { content: "#" !important; margin-right: 5px; /* # 号距离文字的距离 */ }
效果图
-
建议在登录界面增加选择工作空间的功能
2024-09-18 14:21 -
希望显化大纲标题级别
2024-09-16 13:27这个结构是我根据写味主题的源码改的, 看你的图 是都改成了黑色的, 所以这里的颜色我也都是用了黑色的
另外 这个代码跟我上一个评论里的代码实现方式不同, 所以需要 禁用/删除 掉我上个评论里面的代码片段
/* 屏蔽原始的图标显示 */ .sy__outline .b3-list-item .b3-list-item__graphic.popover__block { display: none; } .sy__outline ul.b3-list.b3-list--background{ & [data-subtype*="h"]{ >span:first-child::after{ visibility: visible!important; position:relative; left:4px; font-color: black; font-weight: 100px; border-radius:3px; opacity:1; font-size:18px; pointer-events:none; font-family:"Segoe UI"; } } & svg.b3-list-item__graphic{ margin-left:-19px; margin-right:4px; color:black; width:17px!important; border-radius:3px; opacity:0.2; } & [data-subtype="h1"]>span:first-child{ &::after{ content:"𝟭"; color:black; } &+svg.b3-list-item__graphic:hover{ background-color:var(--h1-list-graphic); } } & [data-subtype="h2"]>span:first-child{ &::after{ content:"𝟮"; color:black; } &+svg.b3-list-item__graphic:hover{ background-color:var(--h2-list-graphic); } } & [data-subtype="h3"]>span:first-child{ &::after{ content:"𝟯"; color:black; } &+svg.b3-list-item__graphic:hover{ background-color:var(--h3-list-graphic); } } & [data-subtype="h4"]>span:first-child{ &::after{ content:"𝟰"; color:black; } &+svg.b3-list-item__graphic:hover{ background-color:var(--h4-list-graphic); } } & [data-subtype="h5"]>span:first-child{ &::after{ content:"𝟱"; color:black; } &+svg.b3-list-item__graphic:hover{ background-color:var(--h5-list-graphic); } } & [data-subtype="h6"]>span:first-child{ &::after{ content:"𝟲"; color:black; } &+svg.b3-list-item__graphic:hover{ background-color:var(--h6-list-graphic); } } }
-
求一段外观面板中「颜色」样式修改的 CSS 代码
2024-09-16 12:03背景色和文字颜色
这个用 css 改这里的显示对实际应用的颜色好似不生效 (生效颜色应该是主题的这几个常量)
周围间距
可以根据 上图的 class 和 data-type 进行按组设置
例如使用颜色举例
-
希望显化大纲标题级别
2024-09-16 11:44/* 显示标题 */ .sy__outline .b3-list-item[title] { display: inherit; } /* 字体 大小 清晰度 */ .sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h1] .b3-list-item__text::before, .sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h2] .b3-list-item__text::before, .sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h3] .b3-list-item__text::before, .sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h4] .b3-list-item__text::before, .sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h5] .b3-list-item__text::before, .sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h6] .b3-list-item__text::before { font-size: 15px !important; /* 更改显示字体大小 */ opacity: 1; font-family: 'yahei consolas hybrid', 'ibm plex mono'; /* 更改显示字体 */ margin-right: 6px; /* 距离标题文字的距离 */ } /* 屏蔽原始的图标显示 */ .sy__outline .b3-list-item .b3-list-item__graphic.popover__block { display: none; } /* 更改 content 可以显示不同的前缀 */ .sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h1] .b3-list-item__text::before { content: "⓵"; color: red; } .sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h2] .b3-list-item__text::before { content: "𝟮"; color: #0087ff; } .sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h3] .b3-list-item__text::before { content: "𝟯"; color: #8694ff; } .sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h4] .b3-list-item__text::before { content: "𝟒"; color: #ffa54b; } .sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h5] .b3-list-item__text::before { content: "𝟓"; color: #9cfd57; } .sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h6] .b3-list-item__text::before { content: "⒍"; color: #e7fd1a; }
效果图
默认主题