npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

vs-theme-builder

v2.1.2

Published

[![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-

Downloads

486

Readme

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.