juxt Theme

Quiet themes for VS Code in the juxt.ui design language.

The interface is grayscale, and the green #079D6B is kept for state: focus, the cursor, the active tab, selections, additions. Primary buttons use ink, not green. Code follows the juxt.ui docs highlighter: grayscale structure, green strings, amber constants, and types and components picked out in full contrast.

• Juxt Dark: #09090b background, zinc neutrals
• Juxt Light: #fcfcfc background, zinc neutrals

Recommended settings

{
  "workbench.colorTheme": "Juxt Dark",
  "editor.fontFamily": "'JetBrains Mono', Consolas, monospace",
  "editor.fontSize": 13,
  "editor.lineHeight": 1.7,
  "window.autoDetectColorScheme": true,
  "workbench.preferredDarkColorTheme": "Juxt Dark",
  "workbench.preferredLightColorTheme": "Juxt Light"
}

Development

The theme files in themes/ are generated from the tokens in build.mjs, which mirror packages/ui/src/styles/tokens.css and the docs' Shiki themes.

npm run build     # regenerate themes/*.json
npm run package   # build a .vsix

Press F5 in this folder to try the themes in an Extension Development Host.