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

themex

v0.0.7

Published

The ultimate universal syntax color theme generator that let's you build your color scheme in just one file and compile for a wide range of different editors

Downloads

14

Readme

The Universal Color Scheme Generator

What is this?

When you're writing a color scheme you end up having some concerns:

  • There are many editors to support. Fortunately Visual Studio Code, Sublime Text and TextMate have a shared format tmTheme that is also supported by Atom through a convertor. However it still remains support for major tools like Visual Studio, Xcode, Xamarin Studio, IDEs by Jetbrains, LightTable, Qt Creator and many many many other...

  • You have to develop both for Light and Dark. The problem is you always have a color theme and you specify what color for what scope. Now the only different between light and dark is the tone of those colors. Why cant you just create a color tone for dark and light and then let the software generate themes based on shared scope definitions?

  • Colors defined by you are not displayed in the result correctly. After having an interesting issue with Visual Studio Code and Sublime Text, we found out that the editors tend to change your colors. We had to have a way to bypass their color filters by changing the colors of your scheme in the result files so after they apply their color changes, your colors remain the same.

Now what themeX is? It's pretty much what we told you. You define your theme once, using it's adaptors; themeX generates themes for many of the supported editors, You also define both dark and light versions of your theme at one place and themeX takes care of the rest and also it makes sure your colors are being rendered just right in the runtime.

How to have it?

npm install -g themex

Create a folder for your file theme. and then use:

themex init

To make the folder into a themeX project.