登录 注册

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

本贴最后更新于 202 天前，其中的信息可能已经时移世异

捕获.PNG

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

12.PNG

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

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

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

  • 思源笔记

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

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

    25091 引用 • 103446 回帖
  • Q&A

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

    9567 引用 • 43550 回帖 • 98 关注
1 引用
重新开贴，求一份反链面板的高亮色修改 css • Floria233
1 引用
7 回帖
4
3
191 69 1 57 1 61

相关帖子

被采纳的回答
  • 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 怎么修改

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • Floria233 •
    付费者 作者

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

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

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

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

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

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

    感谢感谢。

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

  • 其他回帖
  • Floria233 •
    付费者 作者

    感谢，这个很好用啊 ❤️

  • wilsons •
    付费者 捐赠者

    添加.backlinkList 即可，限制仅反链才背景透明，然后你用下面这段代码，不会和其他的产生冲突。

    .backlinkList .protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext), .backlinkList .protyle-wysiwyg [data-node-id] span[data-type~=file-annotation-ref] {
    /*color: red!important;*/ /* 根据自己需要修改这里的颜色 */
    background-color: transparent!important; /* 不显示背景色，如果需要背景色，请删除该行代码即可 */
}
​
    1 回复
  • wilsons •
    付费者 捐赠者
    1. 为什么红色不生效，因为我给你的代码里颜色注释了，根据自己需要开启即可。
    2. 为什么背景色透明也没生效，可能你之前的代码的 css 优先级比这个样式的高。

    总之，这里仅提供思路，即，添加.backlinkList 可限制仅反链起作用，至于你环境的代码为什么不生效，请根据自己的情况修改。

    1 回复
  • 查看全部回帖
Floria233
回帖
169
 帖子
42
 积分
1617

近期热议

推荐标签 标签

  • 反馈

    Communication channel for makers and users.

    126 引用 • 930 回帖 • 274 关注
  • 钉钉

    钉钉，专为中国企业打造的免费沟通协同多端平台， 阿里巴巴出品。

    15 引用 • 67 回帖 • 290 关注
  • 电影

    这是一个不能说的秘密。

    122 引用 • 608 回帖
  • 支付宝

    支付宝是全球领先的独立第三方支付平台，致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验，及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖
  • TGIF

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

    289 引用 • 4492 回帖 • 653 关注
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等，它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比，Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 389 关注
  • 正则表达式

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

    31 引用 • 94 回帖
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态；标准是由主流手机厂商组成的快应用联盟联合制定；快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台；以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖 • 1 关注
  • B3log

    B3log 是一个开源组织，名字来源于“Bulletin Board Blog”缩写，目标是将独立博客与论坛结合，形成一种新的网络社区体验，详细请看 B3log 构思。目前 B3log 已经开源了多款产品：Sym、Solo、Vditor 和 思源笔记。

    1063 引用 • 3455 回帖 • 164 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言，具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法简捷和清晰，尽量使用无异义的英语单词，与其它大多数程序设计语言使用大括号不一样，它使用缩进来定义语句块。

    556 引用 • 675 回帖
  • 深度学习

    深度学习（Deep Learning）是机器学习的分支，是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    53 引用 • 40 回帖
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现，服务器端用 Erlang 语言编写，支持多种语言客户端，如：Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息，在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 342 关注
  • FFmpeg

    FFmpeg 是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。

    23 引用 • 32 回帖 • 2 关注
  • Docker

    Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的操作系统上。容器完全使用沙箱机制，几乎没有性能开销，可以很容易地在机器和数据中心中运行。

    494 引用 • 928 回帖 • 1 关注
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计，是一款崇尚开发效率的全栈框架。

    20 引用 • 23 回帖 • 739 关注
  • abitmean

    有点意思就行了

    • 38 关注
  • Quicker

    Quicker 您的指尖工具箱！操作更少，收获更多！

    36 引用 • 155 回帖
  • Typecho

    Typecho 是一款博客程序，它在 GPLv2 许可证下发行，基于 PHP 构建，可以运行在各种平台上，支持多种数据库（MySQL、PostgreSQL、SQLite）。

    12 引用 • 67 回帖 • 448 关注
  • 30Seconds

    📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。

    • 精选常见面试题，帮助您准备下一次面试
    • 精选常见交互，帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段，帮助你获取最佳实践
    • 精选常见代码集，帮助您提高打码效率
    • 整理前端界的最新资讯，邀您一同探索新世界
    488 引用 • 384 回帖 • 10 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统，实现一个自托管的 Git 项目仓库，可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    95 引用 • 901 回帖
  • Office

    Office 现已更名为 Microsoft 365. Microsoft 365 将高级 Office 应用（如 Word、Excel 和 PowerPoint）与 1 TB 的 OneDrive 云存储空间、高级安全性等结合在一起，可帮助你在任何设备上完成操作。

    5 引用 • 34 回帖
  • 思源笔记

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

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

    25091 引用 • 103446 回帖
  • CongSec

    本标签主要用于分享网络空间安全专业的学习笔记

    1 引用 • 1 回帖 • 28 关注
  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时，提供更无缝的用户体验。

    1 引用 • 2 回帖 • 83 关注
  • 倾城之链
    23 引用 • 66 回帖 • 163 关注
  • 锤子科技

    锤子科技（Smartisan）成立于 2012 年 5 月，是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。

    4 引用 • 31 回帖 • 7 关注

最新标签