登录 注册

求助反链面板的提示颜色 css 怎么修改

捕获.PNG

如图，这是我的块链接样式

12.PNG

当它出现在反链面板中，面板提示这个引用块，背景色是这种橙色，和我的引用块颜色彻底融合，无法分清。我用的是思源原生 midnight 样式。

更详细的说法：ctrl+ 鼠标，点击文档树上的引用块数字，那个悬浮面板中所呈现的，“引用块”和提示色混在了一起。

求一份可以更改这个提示色的 css。

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    22251 引用 • 88933 回帖
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    8074 引用 • 36880 回帖 • 162 关注
1 引用
重新开贴，求一份反链面板的高亮色修改 css • Floria233
1 引用
7 回帖
4
3
81 62 1 16 1

相关帖子

被采纳的回答
  • wilsons • • 1
    付费者 捐赠者

    用这个 css 代码块试试，具体颜色值请根据自己需要修改

    .protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext), .protyle-wysiwyg [data-node-id] span[data-type~=file-annotation-ref] {
    color: red!important; /* 根据自己需要修改这里的颜色 */
    background-color: transparent!important; /* 不显示背景色，如果需要背景色，请删除该行代码即可 */
}
7 回帖
求助反链面板的提示颜色 css 怎么修改

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • wilsons • • 1
    付费者 捐赠者

    用这个 css 代码块试试，具体颜色值请根据自己需要修改

    .protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext), .protyle-wysiwyg [data-node-id] span[data-type~=file-annotation-ref] {
    color: red!important; /* 根据自己需要修改这里的颜色 */
    background-color: transparent!important; /* 不显示背景色，如果需要背景色，请删除该行代码即可 */
}
    2 回复
  • 其他回帖
  • Floria233 •
    付费者 作者

    大大，这个代码好像是无效的 😂

    我测试了一下——直接复制这段代码，不修改任何参数。

    目前反链面板里的引用样式，变成了这样。

    image.png

    即， 它甚至没有让代码里要求的“反链字体”变成红色，这个命令生效。

    不过，现在我的原生引用样式倒是恢复正常，变回最开始的模样。但这个只用我自己之前写的 css 就能办到

    so……究竟是哪里出了问题？😂 烦请赐教。这个真是很困扰。

    image.png

    1 回复
  • Floria233 •
    付费者 作者

    明白了。最开始陷入了一种思维误区，默认 back-ground 是用来修改和增加样式的，没想到居然“不需要就删除”？这行代码有点让人困惑。

    不过，我需要的刚好就是 反链面板里有字体“背景色”（只不要是原来那种看不清楚的橙色），而不要修改反链的字体样式。

    这应当是我弄混了一些概念。

    我的问题，其实应当是跟反链面板的引用字体样式无关，而是跟反链面板的“链接高亮”色有关。

    即，反链面板里，现在呈现的引用样式，用我自己修改的就可以——它确实没有问题。

    但，思源 midnight 原生主题，所给出的代码设定，会在反链悬浮面板跳出来之后，用一种橙色高亮来提示所有被引用的链接。这种时候，这个高亮色和我修改的样式撞了。

    感谢感谢。

    我另外开贴求助吧，从昨天到今天一直都挺迷惑，现在终于想清楚，这才是真正的问题。

  • Floria233 •
    付费者 作者

    大大，我忽然发现一个奇怪的问题。

    当我用你给的 css 修改了这个悬浮面板里面的提示后，我的正文内链接也变得和反链面板的样式一样。

    详细点说法：根据大大你提供的代码，我给悬浮面板里的 css 只修改了颜色背景，结果现在正文里出现的链接样式也会增加颜色背景。

    如图，这是现在正文的样式

    正文.PNG

    这是现在悬浮面板的链接样式

    反链面板.PNG

    而之前，我的正文引用样式是这个样的

    捕获.PNG

    我希望的是，正文引用样式还是我之前的设置，只给这个悬浮面板里的块引用样式增加背景色。

    我用你给的 css 修改成了如下代码（直接删掉了文字色，只保留背景色）

    .protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext), .protyle-wysiwyg [data-node-id] span[data-type~=file-annotation-ref] {
    background-color:rgb(249, 210, 228,0.2) !important; /* 不显示背景色，如果需要背景色，请删除该行代码即可 */
}

    之前这个 midnight 引用链的原生样式是紫色

    这是我修改的引用链样式颜色

    你给的代码，和我自己改的代码似乎发生了某种冲突，请问要怎么修改，才能恢复我之前的引用链样式效果？（并且保留悬浮框里的引用链背景颜色？）

     .protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="d"]{ color: rgb(255, 182, 193);
 border-radius: 5px;
 border-bottom: 2.2px dashed !important; rgb(255, 182, 193);
}

.protyle-wysiwyg [data-node-id] span[data-type~=block-ref][data-subtype="s"]{ color: rgb(255, 182, 193);
 border-radius: 5px;
 border-bottom: 2.2px dashed !important; rgb(255, 182, 193);
background-color:transparent!important;
}
    1 回复
  • 查看全部回帖
Floria233
回帖
120
 帖子
27
 积分
1310

近期热议

推荐标签 标签

  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起，它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖 • 5 关注
  • SOHO

    为成为自由职业者在家办公而努力吧！

    7 引用 • 55 回帖 • 20 关注
  • BND

    BND（Baidu Netdisk Downloader）是一款图形界面的百度网盘不限速下载器，支持 Windows、Linux 和 Mac，详细介绍请看这里。

    107 引用 • 1281 回帖 • 26 关注
  • wolai

    我来 wolai：不仅仅是未来的云端笔记！

    2 引用 • 14 回帖
  • H2

    H2 是一个开源的嵌入式数据库引擎，采用 Java 语言编写，不受平台的限制，同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式，可以兼容一些主流的数据库，因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 653 关注
  • 链滴

    链滴是一个记录生活的地方。

    记录生活，连接点滴

    153 引用 • 3783 回帖
  • 招聘

    哪里都缺人，哪里都不缺人。

    190 引用 • 1057 回帖 • 5 关注
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议，它实现了浏览器与服务器之间的全双工通信（full-duplex）。

    48 引用 • 206 回帖 • 334 关注
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息（如用户名与密码），即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权，因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 8 关注
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案，后端采用 Go 编写，采用 MIT 许可证。

    4 引用 • 16 回帖 • 5 关注
  • 导航

    各种网址链接、内容导航。

    39 引用 • 170 回帖
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台，其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 41 关注
  • 坑

    一些有用的避坑指南。

    69 引用 • 93 回帖
  • 创业

    你比 99% 的人都优秀么？

    84 引用 • 1399 回帖
  • 创造

    你创造的作品可能会帮助到很多人，如果是开源项目的话就更赞了！

    179 引用 • 995 回帖 • 1 关注
  • TGIF

    Thank God It's Friday! 感谢老天，总算到星期五啦！

    287 引用 • 4484 回帖 • 668 关注
  • FlowUs

    FlowUs.息流 个人及团队的新一代生产力工具。

    让复杂的信息管理更轻松、自由、充满创意。

    1 引用
  • 正则表达式

    正则表达式（Regular Expression）使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎，它支持自动化部署、大规模可伸缩、应用容器化管理。

    110 引用 • 54 回帖 • 1 关注
  • HBase

    HBase 是一个分布式的、面向列的开源数据库，该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable：一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样，HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 74 关注
  • 国际化

    i18n（其来源是英文单词 internationalization 的首末字符 i 和 n，18 为中间的字符数）是“国际化”的简称。对程序来说，国际化是指在不修改代码的情况下，能根据不同语言及地区显示相应的界面。

    8 引用 • 26 回帖 • 1 关注
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台，它支持多种框架、语言、运行时环境、云平台及应用服务，使开发人员能够在几秒钟内进行应用程序的部署和扩展，无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 166 关注
  • Love2D

    Love2D 是一个开源的， 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 528 关注
  • Google

    Google（Google Inc.，NASDAQ：GOOG）是一家美国上市公司（公有股份公司），于 1998 年 9 月 7 日以私有股份公司的形式创立，设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”，它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎，它提供了简单易用的免费服务。不作恶（Don't be evil）是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖 • 2 关注
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展，它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎，可以结合 MySQL、PostgreSQL 做全文搜索，它可以提供比数据库本身更专业的搜索功能，使得应用程序更容易实现专业化的全文检索。

    1 引用 • 209 关注
  • 负能量

    上帝为你关上了一扇门，然后就去睡觉了....努力不一定能成功，但不努力一定很轻松 (° ー °〃)

    88 引用 • 1235 回帖 • 414 关注

最新标签