登录 注册

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

捕获.PNG

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

12.PNG

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

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

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

  • 思源笔记

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

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

    21202 引用 • 83553 回帖
  • Q&A

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

    7549 引用 • 34361 回帖 • 197 关注
1 引用
重新开贴，求一份反链面板的高亮色修改 css • Floria233
1 引用
7 回帖
4
3
54 49 1 3 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 回复
  • 其他回帖
  • wilsons •
    付费者 捐赠者
    1. 为什么红色不生效，因为我给你的代码里颜色注释了，根据自己需要开启即可。
    2. 为什么背景色透明也没生效，可能你之前的代码的 css 优先级比这个样式的高。

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

    1 回复
  • 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 回复
  • Floria233 •
    付费者 作者

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

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

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

    image.png

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

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

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

    image.png

    1 回复
  • 查看全部回帖
Floria233
回帖
54
 帖子
16
 积分
354

近期热议

推荐标签 标签

  • Firefox

    Mozilla Firefox 中文俗称“火狐”（正式缩写为 Fx 或 fx，非正式缩写为 FF），是一个开源的网页浏览器，使用 Gecko 排版引擎，支持多种操作系统，如 Windows、OSX 及 Linux 等。

    8 引用 • 30 回帖 • 420 关注
  • CodeMirror
    1 引用 • 2 回帖 • 130 关注
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 413 关注
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划，本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE，直到 1999 年 Sun 买下此公司。Sun 于次年（2000 年）六月将 NetBeans IDE 开源，直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 663 关注
  • 链滴

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

    记录生活，连接点滴

    150 引用 • 3774 回帖
  • 心情

    心是产生任何想法的源泉，心本体会陷入到对自己本体不能理解的状态中，因为心能产生任何想法，不能分出对错，不能分出自己。

    59 引用 • 369 回帖 • 1 关注
  • flomo

    flomo 是新一代 「卡片笔记」 ，专注在碎片化时代，促进你的记录，帮你积累更多知识资产。

    5 引用 • 103 回帖 • 2 关注
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件，让构建、部署、自动化集成项目变得简单易用。

    52 引用 • 37 回帖 • 1 关注
  • 安全

    安全永远都不是一个小问题。

    200 引用 • 816 回帖
  • 996

    “工作 996， 生病 ICU”

    13 引用 • 200 回帖 • 1 关注
  • 人工智能

    人工智能（Artificial Intelligence）是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    129 引用 • 171 回帖
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发，最早发布于 2014 年 9 月。

    58 引用 • 22 回帖 • 5 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    406 引用 • 3569 回帖
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架，使用 Node.js 编写。

    21 引用 • 140 回帖 • 4 关注
  • 阿里巴巴

    阿里巴巴网络技术有限公司（简称：阿里巴巴集团）是以曾担任英语教师的马云为首的 18 人，于 1999 年在中国杭州创立，他们相信互联网能够创造公平的竞争环境，让小企业通过创新与科技扩展业务，并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 155 关注
  • 快应用

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

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

    Web Components 是 W3C 定义的标准，它给了前端开发者扩展浏览器标签的能力，可以方便地定制可复用组件，更好的进行模块化开发，解放了前端开发者的生产力。

    1 引用 • 1 关注
  • Markdown

    Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。

    167 引用 • 1493 回帖 • 1 关注
  • Scala

    Scala 是一门多范式的编程语言，集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 117 关注
  • LeetCode

    LeetCode（力扣）是一个全球极客挚爱的高质量技术成长平台，想要学习和提升专业能力从这里开始，充足技术干货等你来啃，轻松拿下 Dream Offer！

    209 引用 • 72 回帖
  • BND

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

    107 引用 • 1281 回帖 • 42 关注
  • ZeroNet

    ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。

    1 引用 • 21 回帖 • 627 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架，使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用，例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 28 关注
  • sts
    2 引用 • 2 回帖 • 185 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖 • 1 关注
  • Chrome

    Chrome 又称 Google 浏览器，是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写，包括 WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。

    62 引用 • 289 回帖
  • Sphinx

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

    1 引用 • 199 关注

最新标签