扩展中的完整深色模式、自动主题以及全新的三按钮选择器
JustZix 扩展中的深色模式以前并不完整——浏览器操作弹窗即使在深色主题开启时也总是亮着白色界面,一部分模态框还把深色背景上的黑色字体写死在了代码里。2026 年 5 月我们交付了三件事:处处可用的完整深色模式、跟随操作系统的自动主题,以及一个新的三按钮选择器替代原先的循环按钮。
弹窗中的完整深色模式(v3.2.78)
浏览器操作弹窗——也就是你点击浏览器工具栏中扩展图标后打开的窗口——在 v3.2.77 之前始终是浅色的,即使在选项面板中已开启深色主题。这是一个老"遗留物"——弹窗是在主题系统上线之前就拼装上去的。现在弹窗中的每一个元素都有 :hover + 两种主题下的正确颜色;设置图标和指向 justzix.com 的链接在深色背景下也清晰可见。
超过 18 个模态框获得了深色模式(v3.2.77)
深色模式以前覆盖了面板的主要视图——目录树、规则编辑器、悬浮按钮。而模态框——"导出"、"导入"、"添加动作"、"颜色选择器"、"图标选择器"——使用了写死的浅色(白底黑字),在深色模式下形成刺眼且无法阅读的对比。我们引入了 modal-subtitle、modal-meta、modal-error、modal-code-input 这些类,它们会响应主题变更。超过 18 个模态框中的每一个字段、横幅、代码块和选择器现在都会取用与主题相匹配的颜色。
自动主题——扩展跟随你的系统(v3.2.78)
一个新的主题设置值——auto——会监听操作系统的 prefers-color-scheme。把自动打开一次,扩展就会:
- 白天显示浅色主题(当系统处于浅色模式时),
- 夜晚自动切换为深色(当系统切换到深色模式时)——无需手动点击,
- 实时响应系统变化(macOS Night Shift、Windows"选择模式"、GNOME"样式")。
你的偏好会在设备之间同步——在笔记本上设置 auto,手机上的扩展也会跟随手机的系统。
分段控件——3 个按钮替代循环(v3.2.79)
面板标题栏中原先的主题按钮是循环切换的:浅色 → 深色 → 自动 → 浅色。烦人的地方在于:要从深色跳到浅色,得点两下并记住顺序。新的选择器是一个分段控件——三个并排的按钮——☀️ 浅色、🌙 深色、⊙ 自动。直接点你想要的那一个。当前选中的会被高亮。
themeAuto 图标是 JustZix 图标集中的新成员——一个半填充的圆形(经典的自动对比 / 昼夜符号)。
在哪里找到这个选择器
主题选择器位于选项面板的标题栏中,就在语言选择器旁边。设置立即生效——无需重启、无需重新加载;每一个窗口(选项面板、浏览器操作弹窗、TEMP 窗口、AI Helper 窗口)都会即时响应。
为什么这件事重要
扩展是你装进浏览器的一个工具——它必须成为你工作环境的一部分,而不是一座孤岛。如果你跑着深色的浏览器主题、操作系统处于夜间模式,而扩展仍然向你闪出一个白色的弹窗——这是"外来工具"的一个微小但持续的信号。深色模式 + 自动主题就是在表达"我们属于你的设置"这一姿态。
另见
- 页面内窗口——扩展提供的每一个开发者窗口,都会响应主题
- JustZix 键盘快捷键——键盘操作的完整速查表
- 交互式入门教程——带你走完第一个项目
安装 JustZix——并让深色模式与你环境的其余部分保持同步。
为这篇文章评分
暂无评分 — 成为第一个。