@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 |