新的暗色主题制作记录

本贴最后更新于 887 天前,其中的信息可能已经时异事殊

自己本人晚上用思源也不少,而晚上用自己的 pink-room 又太刺眼,所以我打算将最开始做的夜晚主题拿出来整理一下代码好好写一写,写完后上集市

名字暂时还不想定下来,先把 CSS 写好再说吧

在这个帖子里记录一下我在原版基础上做的一些改动,以及那些想改动的地方

目前外观:

image.png

对比 pink-room

image.png

pink-room 等待新主题制作完成后统一一些样式然后再更新,两个主题都不修改思源默认的自定义字色和背景色,如果有其他主题用户已经习惯了其他主题的自定义字色底色方案,可以提出来我单独发代码片段以兼容在我的主题中的使用。

  • 思源笔记

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

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

    26246 引用 • 109092 回帖
1 操作
StarDustSheep 在 2023-02-03 02:44:36 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • StarDustSheep
    作者

    标题样式,为标题添加了前面的图标,通过这种方式来更方便地区分标题层级。如果直接将图标放在标题元素内部,文字左边的话,可能因为图标大小不一导致的对齐问题而不美观。但放在外边的话又会在横排时影响。

    最后采取什么方案还没决定,还需要更多使用测试。

    image.pngimage.png

    由于伪元素在标题元素前,所以在将标题嵌套进超级块进行横排时会可能影响美观性。

    image.png

  • StarDustSheep
    作者

    文档的大纲,前面加了图标以方便区分层级,这个颜色排序是天文爱好者肯定熟悉的,但普通用户估计觉得不太自然。之后改成大众能容易接受的颜色。

    image.png

  • StarDustSheep
    作者

    默认状态的文档树是这样的

    image.png

    我还做了一种层次感强点的文档树,不过可能没多少人喜欢。而我自己现在也不用文档树了。所以就不把这个作为默认文档树样式了。

    image.png

  • 好像不错呀,看起来白天用也不太暗。

  • StarDustSheep
    作者

    按键和行内代码样式,在默认行距下可能有些挤

    image.png

  • StarDustSheep
    作者

    页签关闭按钮修改,这是我自己最喜欢的改动,因为原版思源那个关闭按钮的小叉定位起来是需要仔细看一下的。视觉定位越轻松,消耗的大脑视觉处理单元的资源(脑神经中肯定有部分是负责处理视觉的)就越低。使用起来也就更加轻松。

    关闭按钮样式.gif

    默认的关闭按钮样式,当你想要关闭一个特定的页签的时候,你首先得鼠标悬浮到它上面,然后再跳出来一个小叉,然后你需要用视觉定位它,将鼠标指针移动上去直到显示了圆形阴影才能确定自己移动到了按钮生效的热区,可以点击关闭了。为了用鼠标定位这个小叉实在有些费劲,简直能比得上我在 FPS 游戏中去瞄人头了的困难度了。

    视觉定位困难.gif

    1 回复
  • StarDustSheep
    作者

    多开页面时,“正在显示的文档”和“编辑光标所在的文档”做了区分
    当我点击了哪个文档,插入光标(就是你打字的时候在打字的位置一闪一闪那玩意)就会到哪个文档,这时候打字输入啥的都添加进这个文档里。我用了双亮色边线来提示用户到底哪个才是你现在编辑中的文档,(图中左边的)而且如果处在编辑状态,它的标题文字也会发光以好让人区分。

    图中右侧的则是显示出来但现在不是编辑状态的文档。只有上部边线提示。

    image.png

  • smolc

    支持支持,期待上架,很想体验 🎉 🎉 🎉

  • StarDustSheep
    作者

    在不怎么改变默认主题的字色、底色样式的色相的情况下,对字色和底色样式进行了优化,以更好地与暗蓝色背景相衬,也加强了各个样式之间的区分度。

    QQ 图片 20230203170341.png
    QQ 图片 20230203170329.png

  • StarDustSheep
    作者

    QQ 图片 20230203200108.png
    QQ 图片 20230203200129.png

  • fgdl30458df

    你可以鼠标中键关闭

    1 回复
  • 期待期待 🎉

  • StarDustSheep
    作者

    我两个鼠标的中键的压力克数都比左键大不少,按着实在是不得劲 😂

  • 文档树的渐变划分也很好,建议保留

    这个天文样式的标题划分很有特点,建议保留。

    期待早一点发布!!!

  • StarDustSheep
    作者

    image.png

    image.png

请输入回帖内容 ...

推荐标签 标签

  • 宕机

    宕机,多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态,也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态,也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 79 关注
  • WebClipper

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

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

    H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 670 关注
  • LaTeX

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

    12 引用 • 59 回帖 • 3 关注
  • 博客

    记录并分享人生的经历。

    273 引用 • 2389 回帖
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 40 关注
  • MySQL

    MySQL 是一个关系型数据库管理系统,由瑞典 MySQL AB 公司开发,目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    694 引用 • 537 回帖
  • BND

    BND(Baidu Netdisk Downloader)是一款图形界面的百度网盘不限速下载器,支持 Windows、Linux 和 Mac,详细介绍请看这里

    107 引用 • 1281 回帖 • 35 关注
  • TensorFlow

    TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。

    20 引用 • 19 回帖 • 4 关注
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 122 关注
  • 钉钉

    钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。

    15 引用 • 67 回帖 • 271 关注
  • 小说

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

    32 引用 • 108 回帖
  • 微信

    腾讯公司 2011 年 1 月 21 日推出的一款手机通讯软件。用户可以通过摇一摇、搜索号码、扫描二维码等添加好友和关注公众平台,同时可以将自己看到的精彩内容分享到微信朋友圈。

    133 引用 • 796 回帖
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    172 引用 • 540 回帖
  • 微服务

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

    96 引用 • 155 回帖
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 408 关注
  • Spark

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

    74 引用 • 46 回帖 • 565 关注
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量,事件及实时分析。

    2 引用 • 104 关注
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 178 关注
  • IPFS

    IPFS(InterPlanetary File System,星际文件系统)是永久的、去中心化保存和共享文件的方法,这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    20 引用 • 245 回帖 • 231 关注
  • 创业

    你比 99% 的人都优秀么?

    82 引用 • 1395 回帖
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架,它对 JDBC 进行了非常轻量级的对象封装,使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 726 关注
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用,而且功能强大。你无需专门学习,只需看上几眼,就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 641 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    29 引用 • 230 回帖 • 120 关注
  • 架构

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

    142 引用 • 442 回帖 • 4 关注
  • 持续集成

    持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。

    15 引用 • 7 回帖
  • 正则表达式

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

    31 引用 • 94 回帖