Jolly Light Theme

A vibrant light theme for VSCode inspired by volcanoes, glaciers, and the northern lights.

Development

This theme uses a build system to manage color variables and make editing easier.

Setup

Make sure you have uv installed:

Building the Theme

The source theme is in themes/jolly-light-template.json5, which supports:

• Comments (using // syntax)
• Color variables (defined in the variables section)

To build the final theme:

uv run build_theme.py

This generates themes/jolly-light-color-theme.json from the template.

Watch Mode

To automatically rebuild when you edit the template:

npm run watch

Editing Colors

1. Edit themes/jolly-light-template.json5
2. Modify colors in the variables section at the top
3. Reference variables using ${variableName} syntax
4. Run uv run build_theme.py to generate the final theme
5. Reload VSCode to see changes

Example

{
  "variables": {
    "primaryBlue": "#0081da",
    "navyBlue": "#002a5e"
  },
  "colors": {
    "editor.background": "${backgroundWhite}",
    "editor.foreground": "${navyBlue}"
  }
}

Files

• themes/jolly-light-template.json5 - Edit this file (source with variables)
• themes/jolly-light-color-theme.json - Generated theme (do not edit)
• build_theme.py - Build script
• pyproject.toml - Python dependencies (json5)

Publishing

1. Update the publisher field in package.json to match your Marketplace publisher ID and adjust the repository URL if needed.
2. Regenerate the compiled theme with uv run build_theme.py to ensure themes/jolly-light-color-theme.json is current.
3. Package the extension with npx vsce package, which produces a jolly-1.0.0.vsix in the project root.
4. Publish with npx vsce publish or upload the VSIX through the Marketplace portal.

License

MIT