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

language-colors

v2.1.55

Published

GitHub programming languages color codes in CSS, NodeJS and Javascript

Downloads

96

Readme

language-colors.css

Travis (.org) npm GitHub repo size GitHub contributors Twitter Follow

The colors are auto updated weekly from Travis CI. All the colors can be viewed here.


Table of content

Installation

CSS

Add the style-sheet from the repository page.

<link rel="stylesheet" href="https://kujitegemea.github.io/language-colors/language-colors.css"> 

Load the style-sheet from within another css file

@import url("https://kujitegemea.github.io/language-colors/language-colors.css");

NodeJS

Using npm:

npm install language-colors

Using bower:

bower install language-colors

Using yarn:

yarn add language-colors

Browser

Add the script from the repository website.

<script src="https://kujitegemea.github.io/language-colors/language-colors.js"></script>

Usage

CSS

Set as foreground color

<span class="color-c">this is the color of C</span>

Set as background color

<span class="bg-color-c">this is the background color of C</span>

NodeJS

All the colors are exported in lowercase and some invalid characters is changed to conform with JavaScript identifier naming rules. The colors are exported as the color objects.

const LanguageColors = require("language-colors")

console.log(LanguageColors.c); //ANSI C
console.log(LanguageColors.cpp); //C++

Browser

All the colors are exported in lowercase and some invalid characters is changed to conform with JavaScript identifier naming rules. The colors are exported as string values.

<script src="https://kujitegemea.github.io/language-colors/language-colors.js"></script>
<script>
console.log(LanguageColors.c); //ANSI C
console.log(LanguageColors.cpp); //C++
</script>

Wiki

Contributing

There is really nothing to contribute here, the source for the nodejs, pure js and css files is auto generated by the powershell script language-colors.ps1. Only PR on language-colors.ps1 is accepted if it really needed.

The release on github, npm registry and github page is automated using Travis-CI apis. No human input is really needed. The source files are updated weekly and new build are released also every month.

If any issue or bug is detected you can open an issue here.

Whatever changes you made to the auto generated sources will be over written by Travis-CI update push.

The following files are auto generated

  • language-colors.css
  • language-colors.js
  • index.js
  • docs/language-colors.css
  • docs/language-colors.js

Support

Support

You can support some of this community as they make big impact in the traing of individual to get started with software engineering and open source contribution.

You can make big difference.

License

MIT License (2019) Adewale Azeez