https://github.com/nothingrandom/github-languages-css
Stylesheet for creating colored elements based on a github language class
https://github.com/nothingrandom/github-languages-css
css github-languages-css stylesheet
Last synced: 6 months ago
JSON representation
Stylesheet for creating colored elements based on a github language class
- Host: GitHub
- URL: https://github.com/nothingrandom/github-languages-css
- Owner: nothingrandom
- License: mit
- Created: 2020-01-29T10:37:39.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-09-22T17:07:19.000Z (over 2 years ago)
- Last Synced: 2025-07-12T18:43:32.334Z (6 months ago)
- Topics: css, github-languages-css, stylesheet
- Language: CSS
- Homepage:
- Size: 185 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
> [!IMPORTANT]
> This repository has been archived in favour of https://github.com/ozh/github-colors
github-languages-css
===========
[](https://www.npmjs.com/package/github-languages-css)
> Stylesheet for creating colored elements based on a github language class
You do this in your markup.
```html
javascript
```
This is what you import/include in your css
```css
.project__language--javascript {
background-color: #F1E05A;
// the color is generated based on if white or black is a higher contrast to the background color
color: #000000;
}
```
### Easy Installation
Just run `yarn add github-languages-css` or `npm install -save github-languages-css`
If you're using webpack to compile, you can use `@import '~github-languages-css/index.scss'`
If you're using postcss you can use `postcss-import` then `@import 'github-languages-css/index.css'`
If you're using a custom gulp / grunt task make sure your `includePath` for `node-sass` includes `node_modules`. Feel free to submit a issue if you have trouble setting this up.