新的暗色主题制作记录

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

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

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

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

目前外观:

image.png

对比 pink-room

image.png

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

  • 思源笔记

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

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

    17925 引用 • 65751 回帖 • 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

请输入回帖内容 ...

推荐标签 标签

  • GitHub

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

    207 引用 • 2031 回帖
  • SMTP

    SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 580 关注
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言,在 20 世纪 90 年代中期由日本的松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)设计并开发。在 Ruby 社区,松本也被称为马茨(Matz)。

    7 引用 • 31 回帖 • 163 关注
  • 工具

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

    273 引用 • 676 回帖
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    204 引用 • 357 回帖 • 1 关注
  • golang

    Go 语言是 Google 推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发 Go,是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    491 引用 • 1383 回帖 • 374 关注
  • FlowUs

    FlowUs.息流 个人及团队的新一代生产力工具。

    让复杂的信息管理更轻松、自由、充满创意。

    1 引用
  • 链滴

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

    记录生活,连接点滴

    124 引用 • 3607 回帖 • 2 关注
  • 宕机

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

    13 引用 • 82 回帖 • 27 关注
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖 • 1 关注
  • Thymeleaf

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

    11 引用 • 19 回帖 • 313 关注
  • Ubuntu

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

    122 引用 • 168 回帖
  • Dubbo

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

    60 引用 • 82 回帖 • 596 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖 • 1 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖 • 4 关注
  • 正则表达式

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

    31 引用 • 94 回帖 • 1 关注
  • 智能合约

    智能合约(Smart contract)是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易,这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 7 关注
  • 996
    13 引用 • 200 回帖 • 11 关注
  • Sillot

    Sillot (汐洛)孵化自思源笔记,致力于服务智慧新彖乄,具有彖乄驱动、极致优雅、开发者友好的特点
    Github 地址:https://github.com/Hi-Windom/Sillot

    11 引用 • 25 关注
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统,它问世于 1985 年,起初仅仅是 Microsoft-DOS 模拟环境,后续的系统版本由于微软不断的更新升级,不但易用,也慢慢的成为家家户户人们最喜爱的操作系统。

    214 引用 • 462 回帖
  • Firefox

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

    7 引用 • 30 回帖 • 462 关注
  • HHKB

    HHKB 是富士通的 Happy Hacking 系列电容键盘。电容键盘即无接点静电电容式键盘(Capacitive Keyboard)。

    5 引用 • 74 回帖 • 400 关注
  • InfluxDB

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

    2 引用 • 50 关注
  • Sym

    Sym 是一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)系统平台。

    下一代的社区系统,为未来而构建

    522 引用 • 4581 回帖 • 687 关注
  • SpaceVim

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

    3 引用 • 31 回帖 • 67 关注
  • OpenStack

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

    10 引用 • 9 关注