SiriusXT / trilium-theme-blue

blue theme for trilium
MIT License
76 stars 10 forks source link

如何设置代码颜色不影响代码块中颜色 #5

Closed Joackk closed 1 year ago

Joackk commented 1 year ago

按照前面大佬说的设置后,编辑模式不会影响,这部分会让代码块中的代码部分也套一层颜色,这部分该如何设置让他不影响代码块中的颜色? 当我启用这部分的时候 image 代码块中的颜色也会受到影响 image 该怎么设置才能避免他不会影响代码块中的颜色呢?

SiriusXT commented 1 year ago

改这个 .ck.ck-editor__editable .ck-code_selected { background-color: #111 !important; }

Joackk commented 1 year ago

改这个 .ck.ck-editor__editable .ck-code_selected { background-color: #111 !important; }

好像不太行? image image

删掉.ck-content code这部分倒是可以,但是背景色只有在编辑的时候才会加深,浏览时候颜色依旧变

SiriusXT commented 1 year ago

改这个 .ck.ck-editor__editable .ck-code_selected { background-color: #111 !important; }

好像不太行? image image

删掉.ck-content code这部分倒是可以,但是背景色只有在编辑的时候才会加深,浏览时候颜色依旧变

图片 图片 在只读模式下,代码和代码块的渲染差不多,一样的,改.ck-content code

Joackk commented 1 year ago

改这个 .ck.ck-editor__editable .ck-code_selected { background-color: #111 !important; }

好像不太行? image image 删掉.ck-content code这部分倒是可以,但是背景色只有在编辑的时候才会加深,浏览时候颜色依旧变

图片 图片 在只读模式下,代码和代码块的渲染差不多,一样的,改.ck-content code

感谢大佬,我去掉了!important后,他就不会影响代码块中的颜色了

szwss commented 1 year ago

按照前面大佬说的设置后,编辑模式不会影响,这部分会让代码块中的代码部分也套一层颜色,这部分该如何设置让他不影响代码块中的颜色? 当我启用这部分的时候 image 代码块中的颜色也会受到影响 image 该怎么设置才能避免他不会影响代码块中的颜色呢?

您的代码块能有颜色? 是用的这个方案吗? https://github.com/antoniotejada/Trilium-SyntaxHighlightWidget 我感觉不好用,编辑器仅有的缺陷,

如果不是,可以看看用的哪个方案吗?

SiriusXT commented 1 year ago

图片 这个改成 note-detail-code code试试

Joackk commented 1 year ago

按照前面大佬说的设置后,编辑模式不会影响,这部分会让代码块中的代码部分也套一层颜色,这部分该如何设置让他不影响代码块中的颜色? 当我启用这部分的时候 image 代码块中的颜色也会受到影响 image 该怎么设置才能避免他不会影响代码块中的颜色呢?

您的代码块能有颜色? 是用的这个方案吗? https://github.com/antoniotejada/Trilium-SyntaxHighlightWidget 我感觉不好用,编辑器仅有的缺陷,

如果不是,可以看看用的哪个方案吗?

你说的代码块能有颜色是指那部分?是``这样标注的代码块,还是```的代码块?颜色是语法高亮的意思吗?