如何让标题自动着色?

因为平时记笔记内容杂多,所以需要给不同级别的标题加背景颜色,特别是在手机浏览的时候,自己利用千问生成了标题着色的 css 和 json 文件,然而在主题中没有被识别到。于是使用主题:标题自动编号和着色

后发现加了自动编号后,但是编号有时会有干扰主要信息,因此不需要编号,请问各位能否删除出自动编号,只剩着色。谢谢 利用千问生成的主题 customstyles.zip

  • 思源笔记

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

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

    25730 引用 • 106476 回帖
  • Q&A

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

    9858 引用 • 44812 回帖 • 78 关注

相关帖子

被采纳的回答
  • EmptyLight 1

    需要的是背景颜色还是文字颜色?前者是 background-color,后者是 color,请自行按需更改。以下样式由 VSCode Lite Edit 主题相关样式改写而成,可能存在一些冗余部分。把 CSS 代码复制到外观-代码片段-CSS 代码片段中并启用。

    /* 1级标题样式 */ .b3-typography .h1, .b3-typography h1, [data-node-id].h1, .protyle-preview h1 { color: #d1e7dd; } /* 1级大纲样式 */ .sy__outline ul.b3-list.b3-list--background [data-subtype=h1], ul.b3-list.b3-list--background [data-subtype=h1] .b3-list-item__text { color: #d1e7dd; } /* 2级标题样式 */ .b3-typography .h2, .b3-typography h2, [data-node-id].h2, .protyle-preview h2 { color: #f0f8ff; } /* 2级大纲样式 */ .sy__outline ul.b3-list.b3-list--background [data-subtype=h2], ul.b3-list.b3-list--background [data-subtype=h2] .b3-list-item__text { color: #f0f8ff; } /* 3级标题样式 */ .b3-typography .h3, .b3-typography h3, [data-node-id].h3, .protyle-preview h3 { color: #fff0f5; } /* 3级大纲样式 */ .sy__outline ul.b3-list.b3-list--background [data-subtype=h3], ul.b3-list.b3-list--background [data-subtype=h3] .b3-list-item__text { color: #fff0f5; } /* 4级标题样式 */ .b3-typography .h4, .b3-typography h4, [data-node-id].h4, .protyle-preview h4 { color: #f5f5dc; } /* 4级大纲样式 */ .sy__outline ul.b3-list.b3-list--background [data-subtype=h4], ul.b3-list.b3-list--background [data-subtype=h4] .b3-list-item__text { color: #f5f5dc; } /* 5级标题样式 */ .b3-typography .h5, .b3-typography h5, [data-node-id].h5, .protyle-preview h5 { color: #f9f9f9; } /* 5级大纲样式 */ .sy__outline ul.b3-list.b3-list--background [data-subtype=h5], ul.b3-list.b3-list--background [data-subtype=h5] .b3-list-item__text { color: #f9f9f9; } /* 6级标题样式 */ .b3-typography .h6, .b3-typography h6, [data-node-id].h6, .protyle-preview h6 { color: #f0f8ff; } /* 6级大纲样式 */ .sy__outline ul.b3-list.b3-list--background [data-subtype=h6], ul.b3-list.b3-list--background [data-subtype=h6] .b3-list-item__text { color: #f0f8ff; }

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 其实集市里面有很多主题都支持标题着色,如:QYL、VSCode lite Edit、PureColor 等

    还有一些主题通过标题前使用多级图标来区分层级,比如:savor、pink-room 等

    这里推荐我制作的 PureColor 主题,这是介绍帖

  • 其他回帖
  • 你都私聊我了,为什么不把帖子也发一下

  • EmptyLight 1 1 评论

    需要的是背景颜色还是文字颜色?前者是 background-color,后者是 color,请自行按需更改。以下样式由 VSCode Lite Edit 主题相关样式改写而成,可能存在一些冗余部分。把 CSS 代码复制到外观-代码片段-CSS 代码片段中并启用。

    /* 1级标题样式 */ .b3-typography .h1, .b3-typography h1, [data-node-id].h1, .protyle-preview h1 { color: #d1e7dd; } /* 1级大纲样式 */ .sy__outline ul.b3-list.b3-list--background [data-subtype=h1], ul.b3-list.b3-list--background [data-subtype=h1] .b3-list-item__text { color: #d1e7dd; } /* 2级标题样式 */ .b3-typography .h2, .b3-typography h2, [data-node-id].h2, .protyle-preview h2 { color: #f0f8ff; } /* 2级大纲样式 */ .sy__outline ul.b3-list.b3-list--background [data-subtype=h2], ul.b3-list.b3-list--background [data-subtype=h2] .b3-list-item__text { color: #f0f8ff; } /* 3级标题样式 */ .b3-typography .h3, .b3-typography h3, [data-node-id].h3, .protyle-preview h3 { color: #fff0f5; } /* 3级大纲样式 */ .sy__outline ul.b3-list.b3-list--background [data-subtype=h3], ul.b3-list.b3-list--background [data-subtype=h3] .b3-list-item__text { color: #fff0f5; } /* 4级标题样式 */ .b3-typography .h4, .b3-typography h4, [data-node-id].h4, .protyle-preview h4 { color: #f5f5dc; } /* 4级大纲样式 */ .sy__outline ul.b3-list.b3-list--background [data-subtype=h4], ul.b3-list.b3-list--background [data-subtype=h4] .b3-list-item__text { color: #f5f5dc; } /* 5级标题样式 */ .b3-typography .h5, .b3-typography h5, [data-node-id].h5, .protyle-preview h5 { color: #f9f9f9; } /* 5级大纲样式 */ .sy__outline ul.b3-list.b3-list--background [data-subtype=h5], ul.b3-list.b3-list--background [data-subtype=h5] .b3-list-item__text { color: #f9f9f9; } /* 6级标题样式 */ .b3-typography .h6, .b3-typography h6, [data-node-id].h6, .protyle-preview h6 { color: #f0f8ff; } /* 6级大纲样式 */ .sy__outline ul.b3-list.b3-list--background [data-subtype=h6], ul.b3-list.b3-list--background [data-subtype=h6] .b3-list-item__text { color: #f0f8ff; }
    非常有用,谢谢。
    Serenite

推荐标签 标签

  • Q&A

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

    9858 引用 • 44812 回帖 • 78 关注
  • Oracle

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

    107 引用 • 127 回帖 • 338 关注
  • React

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

    192 引用 • 291 回帖 • 369 关注
  • Firefox

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

    7 引用 • 30 回帖 • 386 关注
  • CodeMirror
    2 引用 • 17 回帖 • 164 关注
  • Hexo

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

    22 引用 • 148 回帖 • 9 关注
  • SVN

    SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 690 关注
  • 周末

    星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖 • 1 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 565 关注
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起,它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖
  • 导航

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

    44 引用 • 177 回帖
  • SOHO

    为成为自由职业者在家办公而努力吧!

    7 引用 • 55 回帖
  • SEO

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

    35 引用 • 200 回帖 • 31 关注
  • 正则表达式

    正则表达式(Regular Expression)使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖 • 1 关注
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 615 关注
  • 思源笔记

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

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

    25730 引用 • 106476 回帖
  • jsDelivr

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

    5 引用 • 31 回帖 • 107 关注
  • 机器学习

    机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。

    77 引用 • 37 回帖
  • Maven

    Maven 是基于项目对象模型(POM)、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    188 引用 • 319 回帖 • 249 关注
  • GitHub

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

    209 引用 • 2040 回帖
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 636 关注
  • 心情

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

    59 引用 • 369 回帖
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    21 引用 • 31 回帖 • 3 关注
  • Facebook

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

    4 引用 • 15 回帖 • 448 关注
  • Hadoop

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

    90 引用 • 122 回帖 • 623 关注
  • Scala

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

    13 引用 • 11 回帖 • 158 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    198 引用 • 543 回帖 • 3 关注