新的暗色主题制作记录

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

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

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

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

目前外观:

image.png

对比 pink-room

image.png

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

  • 思源笔记

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

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

    20174 引用 • 77860 回帖 • 1 关注
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

请输入回帖内容 ...

推荐标签 标签

  • 持续集成

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

    14 引用 • 7 回帖 • 3 关注
  • RYMCU

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

    4 引用 • 6 回帖 • 45 关注
  • 黑曜石

    黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。

    A second brain, for you, forever.

    10 引用 • 88 回帖
  • 分享

    有什么新发现就分享给大家吧!

    245 引用 • 1776 回帖 • 3 关注
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    2 引用 • 14 回帖
  • CAP

    CAP 指的是在一个分布式系统中, Consistency(一致性)、 Availability(可用性)、Partition tolerance(分区容错性),三者不可兼得。

    11 引用 • 5 回帖 • 580 关注
  • 倾城之链
    23 引用 • 66 回帖 • 120 关注
  • 禅道

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

    6 引用 • 15 回帖 • 181 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 623 关注
  • Gitea

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

    4 引用 • 16 回帖
  • 国际化

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

    7 引用 • 26 回帖
  • Flutter

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

    39 引用 • 92 回帖
  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储,专门用于在分布式系统中保存关键数据。

    5 引用 • 26 回帖 • 499 关注
  • OpenStack

    OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 5 关注
  • 宕机

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

    13 引用 • 82 回帖 • 52 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3169 引用 • 8208 回帖 • 1 关注
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    16 引用 • 7 回帖 • 2 关注
  • 博客

    记录并分享人生的经历。

    272 引用 • 2386 回帖 • 2 关注
  • Firefox

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

    7 引用 • 30 回帖 • 428 关注
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 320 关注
  • Quicker

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

    26 引用 • 85 回帖
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件,让构建、部署、自动化集成项目变得简单易用。

    51 引用 • 37 回帖 • 3 关注
  • 单点登录

    单点登录(Single Sign On)是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖 • 2 关注
  • SpaceVim

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

    3 引用 • 31 回帖 • 82 关注
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    123 引用 • 168 回帖
  • LaTeX

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

    9 引用 • 32 回帖 • 143 关注
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用 • 3 关注