Theme Crafter allows you to easily customize your workbench theme colors.
First Step: Choose your base theme (Ctrl+K, Ctrl+T) then click the Refresh All button.
You can customize your colors with Theme Crafter. The Base Theme will be saved as reference in your theme file. After you save your theme.
Your customizations will save to your global settings, so you can use them with any theme you like. Theme Crafter only registers your color settings - if a setting is not customized, it will display as "Not set" and appear empty. It will use the default value from your base theme, if any.
Features
Easy Color Customization: Modify workbench colors directly through an interactive interface.
Real-time Preview: See your changes instantly as you make them.
Category Organization: Colors are organized into categories for easy navigation.
Search Functionality: Quickly find specific color settings with the built-in search feature.
Save and Load Themes: Save your custom themes and load them later.
Import and Export Themes: Import and export themes for easy sharing or backup.
Auto-save: Changes are automatically saved to your global settings.
VS Code Theme Compatibility: Compatible with any VS Code theme you have installed.
VS Code Color Customization API: Utilizes the official VS Code color customization API, ensuring compatibility with VS Code updates.
Installation
Open VS Code
Go to the Extensions view (Ctrl+Shift+X)
Search for "Theme Crafter"
Click Install
Usage
Open the command palette (Ctrl+Shift+P) and type "Open Theme Crafter".
Use the color pickers to customize various theme elements.
Use the search bar to find specific color settings quickly.
Click on category headers to expand/collapse sections.
Use the "Save Theme" button to save your current customizations as a theme file.
Use the "Load Theme" button to load a previously saved theme.
Notes
Theme Crafter modifies your global color customization settings by default. This means the changes will apply over whichever theme you are currently using or switch to.
When you save a theme your Base Theme will eb saved to the theme file and this Base Theme will be used.
The extension uses the official VS Code color customization API, ensuring compatibility with VS Code updates.
The color list is based on the currently documented keys/settings from the VS Code documentation site.
Feedback and Contributions
We welcome your feedback and contributions! Please file any issues or feature requests on our GitLab repository