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

疑问解答
1

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

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

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

1 个赞
2

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

3

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

4

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

5

:+1:
非常感谢

6

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

7

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

8

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

9

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

10

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

11

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

12

非常感谢，晚点没关系。

13

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

14

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

15

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

截屏2021-10-23 10.41.19

16

image
我用的是这个

17

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

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

截屏2021-10-23 11.27.25
截屏2021-10-23 11.27.251221×699 83.7 KB

完成！

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

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

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

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

19

image
image1717×364 29.6 KB

image
image800×481 20.1 KB

1 个赞
20

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

: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 个赞