Sublime Text 不支持运行时 CSS 变量+JS 动态切换主题，因其 .sublime-theme 是静态 JSON 文件，不解析 CSS 变量或执行 JS；实际方案是预生成暗/亮两套主题与配色文件，通过 AutoSetTheme 等插件监听系统设置并切换。
Sublime Text 本身不原生支持运行时动态切换暗黑/亮色主题（如浏览器中通过 CSS 变量 + JS 切换），但它可以通过插件机制 + 主题文件的预编译逻辑，模拟出“动态切换”的体验。核心思路是：用 JavaScript（实际在构建阶段运行）配合 CSS 变量定义主题色，再通过 Sublime 插件在运行时切换已预设好的两套主题资源（dark / light），而非实时计算 CSS 变量。
为什么不能直接用 CSS 变量 + JS 动态改 theme？
Sublime Text 的 UI 主题（.sublime-theme 文件）是 JSON 格式，不是 CSS；它不解析 CSS 变量，也不执行 JavaScript。所谓“基于 CSS 变量与 JS”仅适用于前端网页。在 Sublime 中，该说法通常指：开发者在维护主题源码时，用 JS 脚本生成多套 JSON 主题文件（例如 dark.json / light.json），再由插件触发切换。
真正可行的“动态切换”实现路径
以下为稳定、广泛采用的方式：
- 准备两套主题文件：分别定义暗黑模式（如 Monokai.sublime-theme）和亮色模式（如 Adwaita.sublime-theme），确保它们覆盖相同的 UI 元素（tab、sidebar、gutter、popup 等）
- 使用 ThemeSwitcher 或 AutoSetTheme 插件：这类插件监听系统主题变化（macOS / Windows 10+ 暗色模式开关）或提供命令面板快捷键（Ctrl+Shift+P → “Switch Theme”）
-
（可选）用 Python 插件自动同步系统偏好：Sublime 支持 Python API，可通过
subprocess调用系统命令读取当前深色状态（如 macOS 的defaults read -globalDomain AppleInterfaceStyle），再调用set_settings("theme", "...")
如何让主题“看起来像用了 CSS 变量”？
虽不能运行时计算变量，但可借助构建流程提升维护效率：
立即学习“Java免费学习笔记（深入）”；
- 用 JSON5 + JS 模板生成器（如 Node.js 脚本）管理颜色常量：把
primary-bg: "#1e1e1e"和primary-bg-light: "#ffffff"写在 config.json 里，脚本自动生成 dark/light 两版 .sublime-theme - 在主题 JSON 中统一使用语义化 key 名（如
"class": "sidebar_container"+"layer0.tint": "var(bg_sidebar)"），虽然 Sublime 不认var()，但便于你人工替换或脚本批量注入真实值 - 搭配 Color Scheme（.sublime-color-scheme）双版本：语法高亮也需 dark/light 分离，插件会同步切换 color_scheme 和 theme
推荐工具链与安装步骤
以 AutoSetTheme 为例（轻量、开源、支持系统级监听）：
- 用 Package Control 安装
AutoSetTheme - 在
Preferences → Package Settings → AutoSetTheme → Settings中配置： "light_theme": "Adwaita.sublime-theme""dark_theme": "Monokai.sublime-theme""light_color_scheme": "Adwaita.sublime-color-scheme""dark_color_scheme": "Monokai.sublime-color-scheme"- 保存后重启，插件将自动检测系统模式并切换（Windows/macOS 支持，Linux 需手动配置 cron 或 inotify）
基本上就这些。所谓“基于 CSS 变量与 JavaScript”是开发侧的便利手段，不是运行时能力。Sublime 的动态切换本质是预渲染 + 快速加载，干净、可靠、无性能负担。
