🎨 Dynamic Base16 VSCode theme

A simple VSCode extension to dynamically change VSCode's theme based on a json theme file or a json base16 colors file. Made to work in tandem with Flavours.

Inspired from dlasagno/vscode-wal-theme.

Made for Linux by default, but should work on other OS by tweaking the paths settings.

Features

This extension can watch and dynamically reload either a json theme file or a json base16 colors file.

Settings

• dynamic-base16-vscode.mode: The mode to use. Can be either theme or colors, defaults to theme.
• dynamic-base16-vscode.theme-path: The path to the theme json file to watch. Defaults to ~/.config/Code/User/theme.json.
• dynamic-base16-vscode.colors-path: The path to the colors json file to watch. Defaults to ~/.config/Code/User/colors.json.

Flavours configuration

The following Flavours configurations can be used together with this extension for dynamic theme reloads.

Colors

Be sure to put the colors.mustache file in your Flavours configuration folder (~/.config/flavours/templates/colors/templates/json.mustache).

[[items]]
file = "~/.config/Code/User/colors.json"
template = "colors"
subtemplates = "json"
rewrite = true

Theme

[[items]]
file = "~/.config/Code/User/theme.json"
template = "vscode"
subtemplate = "base16"
rewrite = true

Development Setup

Install the bun package manager:

npm install -g bun

Install the dependencies:

bun install

Then Start Debugging in VSCode (F5).