目前片段似乎只改变了编辑器的高亮样式,搜索框的高亮没应用上,请大佬修改:
.protyle-wysiwyg span[data-type~='mark'] {
color: var(--b3-theme-on-background) ;
background-color: var(--b3-font-background7) ;
border-bottom: 2px solid transparent ;
}
目前片段似乎只改变了编辑器的高亮样式,搜索框的高亮没应用上,请大佬修改:
.protyle-wysiwyg span[data-type~='mark'] {
color: var(--b3-theme-on-background) ;
background-color: var(--b3-font-background7) ;
border-bottom: 2px solid transparent ;
}
思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。
融合块、大纲和双向链接,重构你的思维。
提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。
因为截图是 Asri 主题下的效果
把 box-shadow 改为 box-shadow: none;即可
完整代码如下
.protyle-wysiwyg span[data-type~='mark'],
#searchList [data-type=search-item] .b3-list-item__text mark,
#searchUnRefList [data-type=search-item] .b3-list-item__text mark,
body:not(.has-exportimg) .protyle-wysiwyg [data-node-id] span[data-type~=search-mark].search-mark--hl
{
color: var(--b3-theme-on-background)!important;
background-color: var(--b3-font-background7)!important;
border-bottom: 2px solid transparent!important;
box-shadow: none;
}
你是指这种效果吗?
.protyle-wysiwyg span[data-type~='mark'],
#searchList [data-type=search-item] .b3-list-item__text mark,
#searchUnRefList [data-type=search-item] .b3-list-item__text mark,
body:not(.has-exportimg) .protyle-wysiwyg [data-node-id] span[data-type~=search-mark].search-mark--hl
{
color: var(--b3-theme-on-background)!important;
background-color: var(--b3-font-background7)!important;
border-bottom: 2px solid transparent!important;
box-shadow: 0 -0.5em 0 0 inset var(--b3-protyle-inline-mark-background), 0 .1em 0 0 var(--b3-protyle-inline-mark-background);
}
因为截图是 Asri 主题下的效果
把 box-shadow 改为 box-shadow: none;即可
完整代码如下
.protyle-wysiwyg span[data-type~='mark'],
#searchList [data-type=search-item] .b3-list-item__text mark,
#searchUnRefList [data-type=search-item] .b3-list-item__text mark,
body:not(.has-exportimg) .protyle-wysiwyg [data-node-id] span[data-type~=search-mark].search-mark--hl
{
color: var(--b3-theme-on-background)!important;
background-color: var(--b3-font-background7)!important;
border-bottom: 2px solid transparent!important;
box-shadow: none;
}
加个.b3-list mark 试试
完整代码如下
.b3-list mark,
.protyle-wysiwyg span[data-type~='mark'],
#searchList [data-type=search-item] .b3-list-item__text mark,
#searchUnRefList [data-type=search-item] .b3-list-item__text mark,
body:not(.has-exportimg) .protyle-wysiwyg [data-node-id] span[data-type~=search-mark].search-mark--hl
{
color: var(--b3-theme-on-background)!important;
background-color: var(--b3-font-background7)!important;
border-bottom: 2px solid transparent!important;
box-shadow: none;
}
.b3-list mark,
.protyle-wysiwyg span[data-type~='mark'],
#searchList [data-type=search-item] .b3-list-item__text mark,
#searchUnRefList [data-type=search-item] .b3-list-item__text mark,
body:not(.has-exportimg) .protyle-wysiwyg [data-node-id] span[data-type~=search-mark].search-mark--hl
{
color: oklch(0.35 0.03 257.429)!important;
background-color: oklch(0.97 0.05 calc(360 / 10 * 4 + 30))!important;
border-bottom: 2px solid transparent!important;
box-shadow: 0 -0.5em 0 0 inset rgb(168, 251, 172), 0 .1em 0 0 rgb(168, 251, 172);
}
Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。
以太坊(Ethereum)并不是一个机构,而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity,使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物:投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。
好记性不如烂笔头。
用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织,“用爱发电”象征开源与贡献精神,加入组织,代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入:用爱发电组织邀请帖。
用爱发电组织官网:https://programmingwithlove.stackoverflow.wiki/
flomo 是新一代 「卡片笔记」 ,专注在碎片化时代,促进你的记录,帮你积累更多知识资产。
我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。
宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”
jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。
程序员是从事程序开发、程序维护的专业人员。
OkHttp 是一款 HTTP & HTTP/2 客户端库,专为 Android 和 Java 应用打造。
Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。
JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。
SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合,以模块的方式组织管理插件以
及相关配置,为不同的语言开发量身定制了相关的开发模块,该模块提供代码自动补全,
语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
即用的 Vim-IDE。
ngrok 是一个反向代理,通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。
Latke 是一款以 JSON 为主的 Java Web 框架。
TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。
Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。
MySQL 是一个关系型数据库管理系统,由瑞典 MySQL AB 公司开发,目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。
希望你我能在旅途中找到人生的下一站。
Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。
欢迎访问我们运维的实例: https://wide.b3log.org
钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。
PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。
Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。
HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。
LeetCode(力扣)是一个全球极客挚爱的高质量技术成长平台,想要学习和提升专业能力从这里开始,充足技术干货等你来啃,轻松拿下 Dream Offer!