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

theme-lucent

v0.1.0

Published

🌈 A dark theme and a light theme with fun colours.

Downloads

1

Readme

Tinacious Design syntax

Tinacious Design Syntax is a syntax theme that uses a bright palette of colours including pink, blue, turquoise, green, purple, and orange.

This theme pack includes 5 themes, 3 dark and 2 light.

πŸ”† What's new?

April 2020

  • Added 3 new themes 🌈 Feature details and screenshots below. Don't worry, the old themes you know and love are still included, you'll just have to switch back to them. To see the screenshots of the old themes, see this older readme. The new themes are an enhancement on the old one and include a UI theme and better support for JSON and Markdown.

Usage

Install it from the Visual Studio Code marketplace today.

Colours curated by Web and Mobile designer and developer Tina from Tinacious Design. You can read more about the theme here.

Features

  • Dark themes! 🌚
  • Light themes! 🌝
  • 5 themes! 2 new ones, 2 original ones, and 1 WCAG 2.0 AA compliant high-contrast mod of the original dark
  • JSON support (36 levels of love 🌈)
  • Markdown support
  • Git diff support
  • Sidebar styles
  • Status bar styles

The screenshots below are of the new theme. For legacy theme styles, see this historical readme.

Dark

JSON

JavaScript

Markdown

Ruby

Git

Light

JSON

JavaScript

Markdown

Ruby

Git

High-Contrast (Dark) – WCAG 2.0 AA compliant

The theme colours offered in the high-contrast theme have been run through the Web Accessibility in Mind Contrast Checker tool to verify colour contrast requirements for small text as per the WCAG 2.0 AA accessibility guidelines.

This theme is built off of the legacy dark theme and therefore does not offer the additional JSON and Markdown support.

Thanks to poteto for highlighting this oversight and collaborating on the high-contrast mod. πŸš€

I've verified the colour combinations using the tool above but if I've missed anything and you've found any contrast issues, please comment on this issue so I can re-open it or create a new one.

A screenshot of contrast display for searching

A screenshot to show contrast display for selected text

Changelog

| Date | Version | Change | | :---------- | :------ | :------------------------------------------------------------------------------------------------- | | 27 Dec 2020 | 2.4.0 | High-contrast theme support: convert to new JSON format, add rainbow JSON, add UI theme | | 26 Apr 2020 | 2.3.0 | Added high-contrast WCAG 2.0 AA compliant syntax colour theme | | 26 Apr 2020 | 2.2.0 | Now with even more rainbow JSON! 36 levels. 🌈🌈🌈 | | 26 Apr 2020 | 2.1.0 | Add support for 11 levels of nested rainbow JSON! 🌈 | | 25 Apr 2020 | 2.0.0 | Add support for Markdown and Git. Sidebar and status bar design. | | 5 Mar 2017 | 0.2.0 | Added the Tinacious Design Light syntax theme. Increased contrast of current line & selected text. | | 10 Oct 2016 | 0.1.0 | Initial release |