https://github.com/deptno/color
colors for fast dev
https://github.com/deptno/color
color css
Last synced: 2 months ago
JSON representation
colors for fast dev
- Host: GitHub
- URL: https://github.com/deptno/color
- Owner: deptno
- Created: 2020-08-26T17:39:19.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-09-06T17:37:13.000Z (about 5 years ago)
- Last Synced: 2025-06-26T23:27:33.105Z (3 months ago)
- Topics: color, css
- Language: CSS
- Homepage:
- Size: 84 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# @deptno/color
[](https://www.npmjs.com/package/@deptno/color)
color schema
## install
```shell script
npm install @deptno/color
```
## usage
ensure you already have webpack css-loader config
```tsx
/* _app.tsx */
import '@deptno/color/style.css'
```
```tsx
/* ColorComponent */
export const ColorComponent = _ =>
done!
```
## color palette
## color class names
### color
```
.d-white
.d-yellow
.d-tomato
.d-rose
.d-green
.d-orange
.d-gold
.d-blue
.d-navy
.d-gray
```
### background-color
```
.d-bg-white
.d-bg-yellow
.d-bg-tomato
.d-bg-rose
.d-bg-green
.d-bg-orange
.d-bg-gold
.d-bg-blue
.d-bg-navy
.d-bg-gray
```
### named color pair sets(background-color/color)
```
.schema-border
.schema-create
.schema-update
.schema-cancel
.schema-delete
.schema-connect
.schema-search
.schema-reset
.schema-action
.schema-move
.schema-external
.schema-expandable1
.schema-expandable2
.schema-disabled
```
### typescriptlang.org color
```typescript jsx
import '@deptno/color/typescriptlang.css'
```
```
.bg-ts-blue-a
.bg-ts-blue-b
.bg-ts-blue-c
.ts-blue-a
.ts-blue-b
.ts-blue-c
.b--ts-blue-a
.b--ts-blue-b
.b--ts-blue-c
.hover-bg-ts-blue-a:focus,.hover-bg-ts-blue-a:hover
.hover-bg-ts-blue-b:focus,.hover-bg-ts-blue-b:hover
.hover-bg-ts-blue-c:focus,.hover-bg-ts-blue-c:hover
.hover-ts-blue-a:focus,.hover-ts-blue-a:hover
.hover-ts-blue-b:focus,.hover-ts-blue-b:hover
.hover-ts-blue-c:focus,.hover-ts-blue-c:hover
```
## contributors
@deptno, @sohee-lee7, @hhaze
## changelog
- 1.1.0 - typescriptlang.org
- 1.1.2 - hover,focus
## license
MIT