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

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

捕获.PNG

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

12.PNG

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

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

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

  • 思源笔记

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

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

    25893 引用 • 107288 回帖
  • Q&A

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

    9945 引用 • 45165 回帖 • 77 关注

相关帖子

被采纳的回答
  • 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 回复
  • 其他回帖
  • 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

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

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

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

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

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

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

    感谢感谢。

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

  • Floria233

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

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

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

    image.png

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

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

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

    image.png

    1 回复
  • 查看全部回帖

推荐标签 标签

  • 大疆创新

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

    2 引用 • 14 回帖
  • 导航

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

    45 引用 • 177 回帖 • 2 关注
  • Chrome

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

    63 引用 • 289 回帖
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    10 引用 • 15 回帖 • 7 关注
  • Angular

    AngularAngularJS 的新版本。

    26 引用 • 66 回帖 • 560 关注
  • React

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

    192 引用 • 291 回帖 • 370 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    7 引用 • 27 回帖 • 1 关注
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言,在 20 世纪 90 年代中期由日本的松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)设计并开发。在 Ruby 社区,松本也被称为马茨(Matz)。

    7 引用 • 31 回帖 • 257 关注
  • Docker

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

    496 引用 • 934 回帖
  • BAE

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

    19 引用 • 75 回帖 • 676 关注
  • Sym

    Sym 是一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)系统平台。

    下一代的社区系统,为未来而构建

    524 引用 • 4601 回帖 • 712 关注
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 415 关注
  • 人工智能

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

    115 引用 • 317 回帖
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    345 引用 • 751 回帖
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    730 引用 • 1281 回帖 • 2 关注
  • 微服务

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

    96 引用 • 155 回帖
  • danl
    174 关注
  • Sandbox

    如果帖子标签含有 Sandbox ,则该帖子会被视为“测试帖”,主要用于测试社区功能,排查 bug 等,该标签下内容不定期进行清理。

    434 引用 • 1238 回帖 • 592 关注
  • Git

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

    211 引用 • 358 回帖
  • ngrok

    ngrok 是一个反向代理,通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 656 关注
  • OneNote
    1 引用 • 3 回帖 • 3 关注
  • 叶归
    10 引用 • 47 回帖 • 20 关注
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议,并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。

    954 引用 • 944 回帖
  • flomo

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

    6 引用 • 143 回帖 • 3 关注
  • Access
    1 引用 • 3 回帖 • 5 关注
  • HHKB

    HHKB 是富士通的 Happy Hacking 系列电容键盘。电容键盘即无接点静电电容式键盘(Capacitive Keyboard)。

    5 引用 • 74 回帖 • 518 关注
  • 负能量

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

    89 引用 • 1251 回帖 • 397 关注