skill

Adom Theme

Public Made by Adom

by adom

The canonical Adom application theme spec: five schemes, exact tokens, font pairings, and the implementation contract.

themesdesign-systembrandtokensfontshydrogen-desktopadom-desktop
Overview Files Skills Discover Packages Releases Dependencies Issues Breadcrumbs Pull Requests Activity
adom-theme / reference
Name Last commit message Last updated
check-installed-themes.sh Migrate from adom-theme-system: rename + version lock at 2.0.0 8d ago
check-scheme-parity.sh Migrate from adom-theme-system: rename + version lock at 2.0.0 8d ago
check-vscode-theme-names.sh Migrate from adom-theme-system: rename + version lock at 2.0.0 8d ago
gen-adom-studio-v2.mjs Publish 2.3.0 8d ago
gen-vscode-themes.mjs Publish 2.3.0 8d ago
install-brand-fonts.sh Migrate from adom-theme-system: rename + version lock at 2.0.0 8d ago
README.md Migrate from adom-theme-system: rename + version lock at 2.0.0 8d ago
reference-2026-dark.json Migrate from adom-theme-system: rename + version lock at 2.0.0 8d ago
vscode-theme-template.json Migrate from adom-theme-system: rename + version lock at 2.0.0 8d ago

Reference copies from the reference implementation

Byte-exact copies of the theme machinery from the hydrogen-desktop repo at commit a4c764be (theme pack v7.2.0, 2026-07-26). They are here because the living repo is private; this page is where every other implementer (Adom Desktop's re-brand, cloud containers, future apps) can actually read them.

File What it is
gen-vscode-themes.mjs Generates all five VS Code themes from the app's CSS tokens. Themes are never hand-edited; this script is why the editor and the app cannot drift apart. Reads src/routes/styles.css in the HD repo; point it at ../tokens.css semantics if you adapt it.
vscode-theme-template.json The token-to-VS-Code-key mapping the generator projects through. Every color in it must resolve to a token or generation fails.
install-brand-fonts.sh Installs the brand webfonts into code-server so the editor renders in brand type (fontconfig is not enough; the browser side needs @font-face served over HTTP). Verifies each face by HTTP fetch and wOF2 magic bytes.
check-scheme-parity.sh Build guard: Adom Studio must be exactly Adom Studio Bright with --bg/--surface traded. Fails the build on any other divergence.
check-installed-themes.sh Machine guard: the theme pack is actually installed and the live workbench.colorTheme resolves. Catches VS Code's silent fallback-to-light-theme failure.
check-vscode-theme-names.sh Build guard: the theme labels the app pushes exist in the pack it ships.

The installable artifacts these produce live one level up: ../vscode/ (the generated pack) and ../tokens.css (the extracted token blocks). If you change a token, regenerate; never edit the pack by hand.