登录 注册

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

捕获.PNG

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

12.PNG

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

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

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

  • 思源笔记

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

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

    22925 引用 • 92167 回帖 • 1 关注
  • Q&A

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

    8404 引用 • 38297 回帖 • 156 关注
1 引用
重新开贴，求一份反链面板的高亮色修改 css • Floria233
1 引用
7 回帖
4
3
93 65 1 25 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 回复
  • Floria233 •
    付费者 作者

    感谢，这个很好用啊 ❤️

  • 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 •
    付费者 捐赠者

    添加.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 回复
  • wilsons •
    付费者 捐赠者
    1. 为什么红色不生效，因为我给你的代码里颜色注释了，根据自己需要开启即可。
    2. 为什么背景色透明也没生效，可能你之前的代码的 css 优先级比这个样式的高。

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

    1 回复
  • Floria233 •
    付费者 作者

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

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

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

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

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

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

    感谢感谢。

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

请输入回帖内容 ...
Floria233
回帖
120
 帖子
27
 积分
2160

近期热议

推荐标签 标签

  • OpenShift

    红帽提供的 PaaS 云，支持多种编程语言，为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 630 关注
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    574 引用 • 3533 回帖
  • PWA

    PWA（Progressive Web App）是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术，在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 160 关注
  • 架构

    我们平时所说的“架构”主要是指软件架构，这是有关软件整体结构与组件的抽象描述，用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    142 引用 • 442 回帖
  • 互联网

    互联网（Internet），又称网际网络，或音译因特网、英特网。互联网始于 1969 年美国的阿帕网，是网络与网络之间所串连成的庞大网络，这些网络以一组通用的协议相连，形成逻辑上的单一巨大国际网络。

    98 引用 • 344 回帖 • 1 关注
  • 链书

    链书（Chainbook）是 B3log 开源社区提供的区块链纸质书交易平台，通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书，我们共同构建这个全新的交易平台，让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线，也许以后还有计划重制上线。

    14 引用 • 257 回帖
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣，为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 54 关注
  • Gzip

    gzip （GNU zip）是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件，它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式，或者说一种文件格式。

    9 引用 • 12 回帖 • 145 关注
  • 前端

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

    247 引用 • 1348 回帖
  • 区块链

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

    91 引用 • 751 回帖
  • 倾城之链
    23 引用 • 66 回帖 • 136 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。

    75 引用 • 258 回帖 • 623 关注
  • 国际化

    i18n（其来源是英文单词 internationalization 的首末字符 i 和 n，18 为中间的字符数）是“国际化”的简称。对程序来说，国际化是指在不修改代码的情况下，能根据不同语言及地区显示相应的界面。

    8 引用 • 26 回帖 • 1 关注
  • JWT

    JWT（JSON Web Token）是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准（RFC 7519），定义了一种简洁的，自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 7 关注
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”，乌云众测平台认证的“安全云”，为移动时代的创业者提供新一代的 CDN 加速服务。

    21 引用 • 37 回帖 • 548 关注
  • 深度学习

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

    53 引用 • 40 回帖
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器，在 1999 年被捐献给 ASF（Apache Software Foundation），隶属于 Jakarta 项目，现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范，同时也提供 HTTP 服务，是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖 • 6 关注
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区，可将文章作为帖子推送到社区，来自社区的回帖将作为博客评论进行联动（具体细节请浏览 B3log 构思 - 分布式社区网络）。

    这是一种全新的网络社区体验，让热爱记录和分享的你不再感到孤单！

    132 引用 • 1114 回帖 • 126 关注
  • SQLite

    SQLite 是一个进程内的库，实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    5 引用 • 7 回帖 • 4 关注
  • Oracle

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

    105 引用 • 127 回帖 • 368 关注
  • Docker

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

    492 引用 • 926 回帖
  • IBM

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

    17 引用 • 53 回帖 • 141 关注
  • JavaScript

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

    728 引用 • 1273 回帖 • 1 关注
  • 数据库

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

    343 引用 • 723 回帖
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议，它实现了浏览器与服务器之间的全双工通信（full-duplex）。

    48 引用 • 206 回帖 • 322 关注
  • LaTeX

    LaTeX（音译“拉泰赫”）是一种基于 ΤΕΧ 的排版系统，由美国计算机学家莱斯利·兰伯特（Leslie Lamport）在 20 世纪 80 年代初期开发，利用这种格式，即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能，能在几天，甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式，这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    12 引用 • 54 回帖 • 49 关注
  • 禅道

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

    5 引用 • 15 回帖 • 104 关注

最新标签