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

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

捕获.PNG

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

12.PNG

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

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

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

  • 思源笔记

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

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

    25092 引用 • 103448 回帖
  • Q&A

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

    9567 引用 • 43551 回帖 • 98 关注

相关帖子

被采纳的回答
  • 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

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

    当我用你给的 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 原生主题,所给出的代码设定,会在反链悬浮面板跳出来之后,用一种橙色高亮来提示所有被引用的链接。这种时候,这个高亮色和我修改的样式撞了。

    感谢感谢。

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

  • Floria233

    感谢,这个很好用啊 ❤️

  • Floria233

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

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

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

    image.png

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

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

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

    image.png

    1 回复
  • 查看全部回帖

推荐标签 标签

  • 工具

    子曰:“工欲善其事,必先利其器。”

    298 引用 • 762 回帖 • 1 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 2 关注
  • Log4j

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

    20 引用 • 18 回帖 • 30 关注
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful 接口。Elasticsearch 是用 Java 开发的,并作为 Apache 许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。

    117 引用 • 99 回帖 • 207 关注
  • 职场

    找到自己的位置,萌新烦恼少。

    127 引用 • 1708 回帖
  • 前端

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

    245 引用 • 1338 回帖
  • 大疆创新

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

    2 引用 • 14 回帖
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 2 关注
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖
  • GitHub

    GitHub 于 2008 年上线,目前,除了 Git 代码仓库托管及基本的 Web 管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享(Gist)等功能。正因为这些功能所提供的便利,又经过长期的积累,GitHub 的用户活跃度很高,在开源世界里享有深远的声望,并形成了社交化编程文化(Social Coding)。

    210 引用 • 2040 回帖
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    127 引用 • 169 回帖 • 1 关注
  • Oracle

    Oracle(甲骨文)公司,全称甲骨文股份有限公司(甲骨文软件系统有限公司),是全球最大的企业级软件公司,总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年,甲骨文已超越 IBM,成为继 Microsoft 后全球第二大软件公司。

    107 引用 • 127 回帖 • 344 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖
  • 招聘

    哪里都缺人,哪里都不缺人。

    189 引用 • 1057 回帖 • 2 关注
  • 知乎

    知乎是网络问答社区,连接各行各业的用户。用户分享着彼此的知识、经验和见解,为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖
  • BAE

    百度应用引擎(Baidu App Engine)提供了 PHP、Java、Python 的执行环境,以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用,并且提供动态扩容和负载均衡的运行环境,让开发者不用考虑高成本的运维工作,只需专注于业务逻辑,大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 666 关注
  • TGIF

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

    289 引用 • 4492 回帖 • 653 关注
  • 安全

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

    203 引用 • 818 回帖 • 1 关注
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。

    89 引用 • 122 回帖 • 619 关注
  • 30Seconds

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

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

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 19 关注
  • 生活

    生活是指人类生存过程中的各项活动的总和,范畴较广,一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    230 引用 • 1454 回帖
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 457 关注
  • CodeMirror
    2 引用 • 17 回帖 • 158 关注
  • OpenResty

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

    17 引用 • 54 关注
  • SEO

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

    35 引用 • 200 回帖 • 27 关注