@quesk/gql
v0.8.0
Published
All the GraphQL stuff we need for the Quesk products
Downloads
9
Readme
@quesk/gql
The colors package is used for having a convenient colors guide for the developers. Almost no other colors should be used in the products of Quesk.
Color palettes
PRIMARY_TONES
The primary tones palette features the main color of Quesk, which is the infamous blue and a tinted variant of the color for tinted backgrounds.
| Name | Color |
|:----------|:----------|
| default
| #2499ff
|
| tinted
| #e3f2ff
|
EXPLORATION_TONES
The exploration tones are here for coloring some categories or other stuff. Those are just colorful and blendable colors in all tones.
| Name | Color |
|:----------|:----------|
| blue
| PRIMARY_TONES.default
|
| pink
| #f34190
|
| green
| #34b384
|
| purple
| #7c60c7
|
| yellow
| #ffac30
|
| brown
| #b96a36
|
| brownTinted
| #ffecd4
|
GREY_TONES
Those are some greyscale tones that should be used throughout the applications to make the application feel more lifeful.
| Name | Color |
|:----------|:----------|
| darkest
| #353748
|
| dark
| #505261
|
| mediumDark
| #64677c
|
| medium
| #717683
|
| mediumLight
| #cacbd5
|
| light
| #f1f2f5
|
| lightest
| #f7f8fa
|
FONT_TONES
| Name | Color |
|:----------|:----------|
| default
| GREY_TONES.darkest
|
| dark
| #999
|
| light
| #ccc
|
| ultraLight
| #eee
|
BACKGROUND_TONES
| Name | Color |
|:----------|:----------|
| grey
| GREY_TONES.lightest
|
| white
| #fff
|