vs-theme-builder

[![Version](https://img.shields.io/npm/v/vs-theme-builder.svg?style=for-the-badge&logo=npm&logoColor=white&labelColor=%23CB3837&color=%236E6E6E)](https://www.npmjs.com/package/vs-theme-builder) [![Documentation](https://img.shields.io/badge/documentation-

vs-theme-builder πŸ”¨

Version Documentation Maintenance License: MIT Downloads/week

✨ What is it?

Tired of manually editing JSON files to create custom themes for VSCode? Yeah, me too, that's why I created vs-theme-builder.

This tool is designed to make theme creation easy, intuitive, and certainly fun. It's as simple as create a single file with your theme configuration, choosing 16 colors of your preference, and the tool will automatically generate the theme for you! You can preview the theme in VSCode and quickly export it for sharing.

❔ Why you should use it?

Well, if I still haven't convinced you, here are some reasons why you should use it:

  • Simple and Intuitive: no hassle, no complex configurations, just a few colors and you're good to go.
  • Customization Power: choose from 16 colors to create a unique theme that fits your style.
  • Boost Productivity: save time and effort by automating the theme creation process, so you can focus on what really matters, ehem, coding.
  • Awesome Results: create visually appealing themes that you can share with the world saying "Yeah that's my theme". Cool, huh?

πŸ“¦ Installation

To install you can use your favorite package manager.

npm

npm i -D vs-theme-builder

pnpm

pnpm add -D vs-theme-builder

πŸš€ Example Usage

To start using vs-theme-builder, first you need to install it (heh), and then create your configuration file following up the documentation. After that, you should run the following command to generate the file of your theme:

npm run build

And additionaly, if you want to publish your theme, refer to the official documentation to learn how to do it.

That's it! You can now enjoy your custom theme in VSCode.

https://github.com/user-attachments/assets/2ce884ad-f5cc-4a7e-9c73-a1b96400aea1

🎨 Examples

Nachop Theme

I've created this theme as an example of what you can achieve with vs-theme-builder. It's a dark theme with a touch of purple, achieving (in my opinion) a visually appealing and comfortable theme for coding. You can try it if you want!

Facu Theme

This theme was created by Facundo SΓ‘nchez. It’s a dark yet warm theme with touches of brown, very colorful and cozy! It’s integrated with the Nachop Theme extension, so you can try it as well!

🀝 Contributors

You can contribute to this project if you want to! I really appreciate it. Feel free to check issues page if you have any bug fix, feature request or improvements to suggest. 😊

nachop51 avatar

Author

Actively maintained by Nacho Peralta.

Website LinkedIn GitHub


This project is MIT licensed.