如何让标题自动着色?

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

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

  • 思源笔记

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

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

    25969 引用 • 107686 回帖
  • Q&A

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

    9968 引用 • 45292 回帖 • 76 关注

相关帖子

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

欢迎来到这里!

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

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

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

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

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

推荐标签 标签

  • 笔记

    好记性不如烂笔头。

    310 引用 • 794 回帖
  • SVN

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

    29 引用 • 98 回帖 • 694 关注
  • SpaceVim

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

    3 引用 • 31 回帖 • 110 关注
  • Quicker

    Quicker 您的指尖工具箱!操作更少,收获更多!

    37 引用 • 157 回帖 • 1 关注
  • 星云链

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

    3 引用 • 16 回帖 • 2 关注
  • OpenShift

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

    14 引用 • 20 回帖 • 662 关注
  • Oracle

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

    107 引用 • 127 回帖 • 342 关注
  • Log4j

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

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

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

    26 引用 • 233 回帖 • 1 关注
  • 知乎

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

    10 引用 • 66 回帖
  • Docker

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

    496 引用 • 934 回帖 • 1 关注
  • QQ

    1999 年 2 月腾讯正式推出“腾讯 QQ”,在线用户由 1999 年的 2 人(马化腾和张志东)到现在已经发展到上亿用户了,在线人数超过一亿,是目前使用最广泛的聊天软件之一。

    45 引用 • 557 回帖 • 2 关注
  • 机器学习

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

    77 引用 • 37 回帖
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    284 引用 • 248 回帖
  • Spring

    Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。

    947 引用 • 1460 回帖 • 1 关注
  • 思源笔记

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

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

    25969 引用 • 107686 回帖
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    81 引用 • 407 回帖
  • Maven

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

    188 引用 • 319 回帖 • 241 关注
  • 以太坊

    以太坊(Ethereum)并不是一个机构,而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity,使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物:投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。

    5 引用 • 16 回帖 • 1 关注
  • C

    C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    86 引用 • 165 回帖
  • OneDrive
    2 引用 • 3 关注
  • 小说

    小说是以刻画人物形象为中心,通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    32 引用 • 108 回帖
  • 一些有用的避坑指南。

    69 引用 • 93 回帖
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似,也就是用各类命令预先放入到一个文件中,方便一次性执行的一个程序文件,主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大,比用其他编程程序编辑的程序效率更高,因为它使用了 Linux/Unix 下的命令。

    125 引用 • 74 回帖 • 3 关注
  • ZooKeeper

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

    59 引用 • 29 回帖 • 7 关注