关于搜索在笔记中的结果显示

使用搜索功能时,在笔记中显示的是灰色高亮,但是用于暗色主题时,不容易快速找到搜索文字的位置。image

在一大篇文字中,想快速找到这两个字,是很费时间的。

请问用什么方法可以解决这个问题?

调整相关的 CSS , 具体的参考这篇文章。
https://forum-zh.obsidian.md/t/topic/180?u=%E9%99%88%E5%AE%9D

新手直接蒙圈了。我就想改成鲜艳醒目的颜色,您可以直接告诉我怎么做吗?

具体操作步骤太多,我下班了写好 CSS 了发给你吧。

:+1:
非常感谢

切换成亮色模式呗,不想动的话。

长时间看电脑屏幕,亮色眼睛受不了,谢谢 :grinning:

要一劳永逸,就得自己动手了。上面有人说的,得修改主题样式?

对, 自定义一下 匹配到的文字 的高亮颜色。

您有时间的时候,可以麻烦您帮忙弄一个CSS吗?我是真的弄不明白了。

等我下班。回家还有事儿,估计得晚上十点吧。

非常感谢,晚点没关系。

抱歉了老哥,今天回不去了,明天中午吧:joy:

好的,好的,添麻烦了:grin:

我这儿的搜索结果高亮颜色是 黄色,
不知道你的为啥是 灰色,
我的是默认的 深色主题。

截屏2021-10-23 10.41.19

image
我用的是这个

整好了,你知道怎么在 Obsidian 里面使用 CSS 代码片段么?

把下面的代码复制到一个 以 .css 后缀结尾的文件里面。
再把这个 css 文件放到 这个文件夹里面。

完成!

:root {
    --搜索结果的高亮-is-Actite: aqua;
    --搜索结果的高亮: yellow;
}

.search-highlight .is-active {
    background-color: var(--搜索结果的高亮-is-Actite)!important;
}

.search-highlight div {
    background-color: var(--搜索结果的高亮) !important;
}
1 个赞

CSS我知道,但是没有变化。


1 个赞

这个暂时只能在 预览模式 下使用。
下面的可以在 编辑模式 下使用:

:root {
    --搜索结果的高亮-is-Actite: aqua;
    --搜索结果的高亮: yellow;
}

.search-highlight .is-active {
    background-color: var(--搜索结果的高亮-is-Actite)!important;
}

.obsidian-search-match-highlight {
    background-color: var(--搜索结果的高亮-is-Actite)!important;
}

.search-highlight div {
    background-color: var(--搜索结果的高亮) !important;
}
2 个赞