Color palette of It's wooble UI.
npm install @itswooble/colorsyarn add @itswooble/colorsimport React from 'react';
import { green300 } from '@itswooble/colors';
const App = () => (
<>
<button style={{ backgroundColor: green300 }}>PRESS ME</button>
</>
);@itswooble/colors is written in TypeScript with complete definitions.
Clone locally:
$ git clone [email protected]:wooble-team/wooble-colors.git
$ cd wooble-colors| name | description |
|---|---|
| colors | Object with keys - color names, values - their hex codes |
| colorsVariants | Array with all color names |
| Colors | Type with all color names |
| black | #252525 |
| white | #FFFFFF |
| gray100 | #F2F2F2 |
| gray200 | #E0E0E0 |
| gray300 | #BDBDBD |
| gray400 | #828282 |
| gray500 | #4F4F4F |
| red | #EB5757 |
| orange | #F2994A |
| yellow | #F2C94C |
| green100 | #6FCF97 |
| green200 | #2D9CDB |
| green300 | #2F80ED |
| blue100 | #56CCF2 |
| blue200 | #2D9CDB |
| blue300 | #2F80ED |
| purple100 | #BB6BD9 |
| purple200 | #9B51E0 |