Prism Color Themes

English · 中文

Prism Color Themes is a VS Code theme collection. The first drop ports 12 themes (6 families × dark/light) 1:1 from the built-in themes of the T3 Code desktop app, plus a status-bar quick switcher and a T3-style color scheme picker. More non-T3 theme families will be added over time.

Theme Families

• The first 5 families map the T3 UI palettes (all 61 OKLCH semantic keys converted per-key, in dark and light variants) onto the workbench look — sidebars, controls, terminal — while syntax highlighting follows the Material token rules bundled in T3 (82 rules).
• The 6th family is the original Material theme embedded in T3's code viewer, kept as-is (#0F111A monochrome chrome).

Quick Switching

• A button like ◐ Ocean Dark shows up in the bottom-right of the status bar. Click it to open a picker with all 12 themes (grouped by family, labeled dark/light, current one checked).
• The command Prism Themes: Quick Switch Theme does the same from the command palette.
• Switching is instant, and the status-bar label stays in sync no matter how the theme is changed.

Install

Search Prism Color Themes in the VS Code Marketplace, or:

code --install-extension blueskeys.prism-themes

This repo is the source. Open the prism-themes/ folder in VS Code and press F5 to preview, or:

cd prism-themes
npx @vscode/vsce package
code --install-extension prism-themes-1.0.4.vsix

You can also copy the prism-themes/ folder directly into ~/.vscode/extensions/prism-themes-1.0.4/.

Build & Regeneration

The theme JSONs are generated by scripts from T3 Code's real theme definitions (no eyeballed colors). Palettes can be extracted from a local install (server.asar) or taken directly from the MIT repo's packages/shared/src/themePalettes.ts:

python tools/extract_all.py       # extract 5 palettes + 2 Material bases → tools/data/
python tools/generate_themes.py   # generate the 12 themes/*.json per the mapping

See ocean-vscode-mapping.md in the repo root for the full key mapping.

Credits & License

• UI palettes (61 OKLCH keys × 5 families) ported from T3 Code (pingdotgg/t3code, MIT, © 2026 T3 Tools Inc.).
• Syntax token rules and some in-editor colors come from Material Theme (Mattia Astorino, MIT).
• Full third-party notices: NOTICE.

Disclaimer: This extension is an unofficial port. It is not affiliated with or endorsed by T3 Code / T3 Tools Inc.

Prism Color Themes（中文）

Prism Color Themes 是一个 VS Code 主题合集。第一批收录从 T3 Code 桌面应用内置主题 1:1 提取移植的 12 套主题（6 族 × 深/浅），附带右下角状态栏快速切换与 T3 风格的 Color Scheme 选择器。后续将陆续加入更多非 T3 来源的主题家族。

主题清单

• 前 5 族 = T3 界面调色板（61 个 OKLCH 语义键逐键转换，深浅两版）负责 workbench 外观 + 侧栏/控件/终端层次，语法高亮用 T3 内嵌的 Material token 规则（82 条）。
• 第 6 族 = T3 代码查看器内嵌的原版 Material 主题，原样保留（#0F111A 单色 chrome）。

快速切换

• 状态栏右下角会出现 ◐ Ocean Dark 按钮，点击弹出 12 套主题选择器（按族分组、标注深浅、当前项打勾）。
• 命令面板执行 Prism Themes: Quick Switch Theme 效果相同。
• 切换即时生效；状态栏标签会跟随任何途径的主题变更自动同步。

安装

在 VS Code 扩展市场搜索 Prism Color Themes 安装，或：

code --install-extension blueskeys.prism-themes

本仓库为源码。用 VS Code 打开 prism-themes/ 目录后 F5 调试预览，或：

cd prism-themes
npx @vscode/vsce package
code --install-extension prism-themes-1.0.4.vsix

也可以直接把 prism-themes/ 整个目录拷到 ~/.vscode/extensions/prism-themes-1.0.4/。

生成与再构建

主题 JSON 由脚本从 T3 Code 的真实主题定义生成（不是目测取色）。调色板可从本机安装包（server.asar）提取，也可直接取自 MIT 开源仓库的 packages/shared/src/themePalettes.ts：

python tools/extract_all.py       # 提取 5 族色板 + 2 套 Material 基底 → tools/data/
python tools/generate_themes.py   # 按映射表生成 12 套 themes/*.json

键位映射的完整说明见仓库根目录 ocean-vscode-mapping.md。

致谢与许可

• UI 调色板（61 键 OKLCH × 5 族）移植自 T3 Code 开源仓库（pingdotgg/t3code，MIT，© 2026 T3 Tools Inc.）。
• 语法 token 规则与部分编辑器内配色来自 Material Theme（Mattia Astorino，MIT）。
• 完整的第三方声明见 NOTICE。

声明：本插件为非官方移植（unofficial port），与 T3 Code / T3 Tools Inc. 无隶属关系，亦未获其背书。