search

Zuoqiu-Yingyi / siyuan-theme-dark-plus

思源笔记的一款多功能双模式主题 | A multifunctional dual-mode theme of SiYuan Note.
GNU Affero General Public License v3.0
139 stars 14 forks source link

行内代码块改用更加醒目的红色样式 #117

Closed AugustTuan closed 2 years ago

AugustTuan commented 2 years ago

dark+目前对clt+G 行内代码的样式处理就是加了一个灰色背景。这种处理不是很醒目，特别是在整篇文档中翻看的时候，一时间难以识别出这是一段代码。 或许可以采用zhanglight这种更加醒目的处理方式(≧∇≦)ﾉ QQ截图20221012152213 QQ截图20221012152232

Zuoqiu-Yingyi commented 2 years ago

可以使用如下片段自定义行内代码的颜色与背景为 zhang-light 的颜色

.protyle-wysiwyg code:not(.hljs),
.b3-typography code:not(.hljs),
.protyle-wysiwyg span[data-type~=code]:not(.hljs),
.b3-typography span[data-type~=code]:not(.hljs) {
  color: #cf5659;
  background-color: #f8ecec;
}
AugustTuan commented 2 years ago

l

请教一下，是更改这个span-code.css文件吗？ 还是也把代码放在custom.css ？ 我都尝试了但是没有变化 image

Zuoqiu-Yingyi commented 2 years ago

l

请教一下，是更改这个span-code.css文件吗？ 还是也把代码放在custom.css ？ 我都尝试了但是没有变化 image

这个是针对浅色主题的, 塞到 data/widgets/custom-light.css 里面吧

AugustTuan commented 2 years ago

l

请教一下，是更改这个span-code.css文件吗？ 还是也把代码放在custom.css ？ 我都尝试了但是没有变化 image

这个是针对浅色主题的, 塞到 data/widgets/custom-light.css 里面吧

可以了，感谢萌新小天使O(∩_∩)O