豆沙绿等背景色分享

电脑窗口视力保护色代码(来自网络):

豆沙绿 #CCE8CF RGB(199, 237, 204)

银河白 #FFFFFF RGB(255, 255, 255)

杏仁黄 #FAF9DE RGB(250, 249, 222)

秋叶褐 #FFF2E2 RGB(255, 242, 226)

胭脂红 #FDE6E0 RGB(253, 230, 224)

青草绿 #E3EDCD RGB(227, 237, 205)

海天蓝 #DCE2F1 RGB(220, 226, 241)

葛巾紫 #E9EBFE RGB(233, 235, 254)

极光灰 #EAEAEF RGB(234, 234, 239)

设置方法:

思源左上角点击思源库名称--设置---外观---设置---在 CSS 代码框中粘贴代码(第一行的框是输入代码名称,在下面的第二个框粘贴代码)。然后启用(上下都启用)并确定即可。如豆沙绿:

:root {
--b3-theme-background:#CCE8CF;
--b3-theme-surface: #f9ecef;
--b3-toolbar-blur-background: #f9ecef;
}

局部截取 20240822084036.png

其他大神的一些链接:

https://ld246.com/article/1710560505052

思源笔记美化 | blockquote 块添加背景色

自定义页面背景色

分享一个自己搭配的浅色主题

[css] 渐变背景色 - 代码片段

参照 obsidian-minimal 主题制作的 savor 主题代码片段

希望修改思源笔记默认的自定义字色和背景色,并能让用户轻松地修改

思源笔记折腾记录 -html 块 - 主题 css 颜色选择器

思源笔记 自定义 可在多个主题间适用的 行内字色及底色

【已解决】设置背景色之后的文本前景为黑色

Tsunoku Green 主题修改方法

字体的背景色不需要与加粗绑定

CSS 视觉 - 斑马条纹列表

CSS 视觉 - 文本风化效果

CSS 布局 - 多行文本截断

怎样用 CSS 做出 3D 效果的云

周计划模板分享

分享一个自己搭配的浅色主题

😄 html 颜色代码怎么用

HTML(HyperText MarkUp Language)是超文本标记语言,通过使用标记来描述文档结构和表现形式的一种语言,它也是一个网页的主题,是由多个元素组合成。css 就是这个网页的样式,css 定义了元素的属性,js 是通过 jacascript 语言,实现在一个页面上展现不同的 css 样式。

CSS、JS 和 HTML 的关系:通俗讲就是 html 是一个赤裸裸的人,css 是人的衣服,js 作用是让人动起来。https://www.cnblogs.com/pycode/p/5792142.html

CSS 颜色是由红(RED),绿(GREEN),蓝(BLUE )光线的显示结合,十六进制代码。由六个 0-9 或 A-F 的数字或字母组成,表示红色、绿色和蓝色 (RGB) 组件的值,3 个双位数字的十六进制值写法,以#符号开始:

  • 前两个数字: 红色分量 (00-FF)
  • 中间两个数字: 绿色分量 (00-FF)
  • 后两个数字: 蓝色分量 (00-FF)

每个分量代表 0 (黑色) 到 255 (白色) 的颜色强度。

以下是几个常见的 HTML 颜色代码:

黑色: #000000

  • 白色: #ffffff
  • 红色: #ff0000
  • 绿色: #00ff00
  • 蓝色: #0000ff

红,绿,蓝值从 0 到 255 的结合,给出了总额超过 1600 多万不同的颜色(256 × 256 ×256)。

CSS 颜色 | 菜鸟教程

  • 思源笔记

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

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

    22258 引用 • 88956 回帖
4 操作
tongzi 在 2024-08-22 09:09:17 更新了该帖
tongzi 在 2024-08-22 09:05:30 更新了该帖
tongzi 在 2024-08-22 08:50:43 更新了该帖
tongzi 在 2024-08-22 08:47:58 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...

推荐标签 标签

  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    153 引用 • 3783 回帖 • 1 关注
  • PWA

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

    14 引用 • 69 回帖 • 153 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统,它完整实现了 JMS 规范,是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 669 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    85 引用 • 139 回帖 • 5 关注
  • JVM

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

    180 引用 • 120 回帖 • 2 关注
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 351 关注
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统,在 BSD 开源许可证下发布。

    22 引用 • 22 回帖 • 1 关注
  • Solo

    Solo 是一款小而美的开源博客系统,专为程序员设计。Solo 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

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

    1434 引用 • 10054 回帖 • 491 关注
  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 2 关注
  • FreeMarker

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

    23 引用 • 20 回帖 • 460 关注
  • Gitea

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

    4 引用 • 16 回帖 • 6 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 209 关注
  • 区块链

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

    91 引用 • 751 回帖 • 1 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。

    41 引用 • 130 回帖 • 264 关注
  • 前端

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

    247 引用 • 1347 回帖
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展,它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 1 关注
  • Spark

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

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

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

    41 引用 • 24 回帖 • 3 关注
  • Wide

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

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

    30 引用 • 218 回帖 • 628 关注
  • PWL

    组织简介

    用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织,“用爱发电”象征开源与贡献精神,加入组织,代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入:用爱发电组织邀请帖
    用爱发电组织官网:https://programmingwithlove.stackoverflow.wiki/

    用爱发电组织的核心驱动力:

    • 遵守开源守则,体现开源&贡献精神:以分享为目的,拒绝非法牟利。
    • 自我保护:使用适当的 License 保护自己的原创作品。
    • 尊重他人:不以各种理由、各种漏洞进行未经允许的抄袭、散播、洩露;以礼相待,尊重所有对社区做出贡献的开发者;通过他人的分享习得知识,要留下足迹,表示感谢。
    • 热爱编程、热爱学习:加入组织,热爱编程是首当其要的。我们欢迎热爱讨论、分享、提问的朋友,也同样欢迎默默成就的朋友。
    • 倾听:正确并恳切对待、处理问题与建议,及时修复开源项目的 Bug ,及时与反馈者沟通。不抬杠、不无视、不辱骂。
    • 平视:不诋毁、轻视、嘲讽其他开发者,主动提出建议、施以帮助,以和谐为本。只要他人肯努力,你也可能会被昔日小看的人所超越,所以请保持谦虚。
    • 乐观且活跃:你的努力决定了你的高度。不要放弃,多年后回头俯瞰,才会发现自己已经成就往日所仰望的水平。积极地将项目开源,帮助他人学习、改进,自己也会获得相应的提升、成就与成就感。
    1 引用 • 487 回帖 • 4 关注
  • ngrok

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

    7 引用 • 63 回帖 • 627 关注
  • 工具

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

    286 引用 • 729 回帖
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现,服务器端用 Erlang 语言编写,支持多种语言客户端,如:Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息,在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 360 关注
  • Eclipse

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

    75 引用 • 258 回帖 • 617 关注
  • RESTful

    一种软件架构设计风格而不是标准,提供了一组设计原则和约束条件,主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制。

    30 引用 • 114 回帖
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    52 引用 • 190 回帖 • 1 关注
  • Markdown

    Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。

    167 引用 • 1510 回帖