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

捕获.PNG

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

12.PNG

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

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

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

  • 思源笔记

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

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

    22390 引用 • 89648 回帖
  • Q&A

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

    8135 引用 • 37078 回帖 • 160 关注

相关帖子

被采纳的回答
  • 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; /* 不显示背景色,如果需要背景色,请删除该行代码即可 */
    }
    

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • Floria233

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

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

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

    image.png

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

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

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

    image.png

    1 回复
  • 其他回帖
  • 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

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

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

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

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

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

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

    感谢感谢。

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

  • 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 回复
  • 查看全部回帖

推荐标签 标签

  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    17 引用 • 236 回帖 • 328 关注
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    2 引用 • 14 回帖
  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    200 引用 • 120 回帖 • 1 关注
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统,主要使用于便携设备。2005 年由 Google 收购注资,并拉拢多家制造商组成开放手机联盟开发改良,逐渐扩展到到平板电脑及其他领域上。

    334 引用 • 323 回帖 • 2 关注
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 59 关注
  • 开源

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

    408 引用 • 3575 回帖 • 1 关注
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    166 引用 • 595 回帖 • 1 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    209 引用 • 358 回帖
  • Netty

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

    49 引用 • 33 回帖 • 22 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖
  • IBM

    IBM(国际商业机器公司)或万国商业机器公司,简称 IBM(International Business Machines Corporation),总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国,是全球最大的信息技术和业务解决方案公司,拥有全球雇员 30 多万人,业务遍及 160 多个国家和地区。

    17 引用 • 53 回帖 • 136 关注
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流,分享无限上传的图片,发布链接和视频,更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 453 关注
  • 安全

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

    199 引用 • 816 回帖
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    247 引用 • 1348 回帖 • 2 关注
  • H2

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

    11 引用 • 54 回帖 • 653 关注
  • 爬虫

    网络爬虫(Spider、Crawler),是一种按照一定的规则,自动地抓取万维网信息的程序。

    106 引用 • 275 回帖 • 2 关注
  • RESTful

    一种软件架构设计风格而不是标准,提供了一组设计原则和约束条件,主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制。

    30 引用 • 114 回帖 • 1 关注
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    91 引用 • 751 回帖 • 4 关注
  • flomo

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

    5 引用 • 107 回帖
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 29 关注
  • 外包

    有空闲时间是接外包好呢还是学习好呢?

    26 引用 • 232 回帖 • 4 关注
  • 微服务

    微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。

    96 引用 • 155 回帖 • 2 关注
  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    35 引用 • 200 回帖 • 23 关注
  • Rust

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

    58 引用 • 22 回帖
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 476 关注
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合,以模块的方式组织管理插件以
    及相关配置,为不同的语言开发量身定制了相关的开发模块,该模块提供代码自动补全,
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 101 关注
  • 30Seconds

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

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