Colors
Description
Below is the tailwind configuration for the colors used in the UX Library.
Parameters
| Name | Type | Default | Description |
|---|
Example
Colors
primary - #19825e
primary-content - #ffffff
secondary - #6ee7b7
secondary-content - #000000
beginly-blue - #6295E7
beginly-blue-content - #ffffff
dark-green - #225350
dark-green-content - #ffffff
darkest-green - #1A3A3E
darkest-green-content - #ffffff
neutral - #d6d3d1
neutral-content - #000000
base-100 - #f5f5f5
base-100-content - #000000
base-200 - #e0e0e0
base-200-content - #000000
base-300 - #bdbdbd
base-300-content - #000000
warm-beige - #FAE8D0
warm-beige-content - #000000
warm-white - #faf8f2
warm-white-content - #000000
dark-beige - #e7e0d7
dark-beige-content - #000000
info - #84cc16
info-content - #000000
success - #3A9B79
success-content - #000000
warning - #ff9f03
warning-content - #ffffff
error - #DB2C32
error-content - #ffffff
Scale Colors
scale-low - #FFB9B9
scale-low-content - #db2c32
scale-lowest - #FFD6A5
scale-lowest-content - #FFD6A5
scale-medium - #f5d9b0
scale-medium-content - #8D5D00
scale-high - #D1FAE4
scale-high-content - #3a9b79
scale-highest - #B5EAD7
scale-highest-content - #3a9b79
Grey Colors
grey-100 - #f5f5f5
grey-100-content - #000000
grey-300 - #e0e0e0
grey-300-content - #000000
grey-400 - #bdbdbd
grey-400-content - #000000
grey-500 - #9e9e9e
grey-500-content - #000000
grey-700 - #616161
grey-700-content - #ffffff
grey-800 - #48443F
grey-800-content - #ffffff
Beginly Colors
50 - #eefbf5
100 - #d7f4e4
200 - #b2e8ce
300 - #7fd6b2
400 - #4abd90
500 - #29a77a
600 - #19825e
700 - #14684e
800 - #12533f
900 - #104435
950 - #08261e
Gradient Colors
low-progress
medium-progress
high-progress
