0.8.0 • Published 6 years ago
@quesk/gql v0.8.0
@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 |