@quesk/colors
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 |