Colors
nexineer uses a set of colors for specific purposes. For the colors and it's variants, TailwindCSS generates classes to apply them to different elements. For example, the variant 200 of the primary color is generated into text-primary-200 for changing the text color as well as bg-primary-200 to adapt the background color of an element.
| Variant | Color | CSS Class Suffix |
|---|---|---|
Primary | ||
| Default Color | #750112 | *-primary |
| 100 | #EADFE1 | *-primary-100 |
| 200 | #BA8088 | *-primary-200 |
| 300 | #98404D | *-primary-300 |
| 400 | #750112 | *-primary-400 |
| 600 | #550511 | *-primary-600 |
Secondary | ||
| Default Color | #606060 | *-secondary |
| 200 | #EFEFEF | *-secondary-200 |
| 400 | #E1E1E1 | *-secondary-400 |
| 600 | #AAAAAA | *-secondary-600 |
| 800 | #606060 | *-secondary-800 |
Success Colors | ||
| Default Color | #5D935F | *-success |
| Normal | #5D935F | *-success-normal |
| Light | #DFE9DF | *-success-light |
Warning Colors | ||
| Default Color | #FFC400 | *-warning |
| Normal | #FFC400 | *-warning-normal |
| Light | #FFF0BF | *-warning-light |
Error Colors | ||
| Default Color | #E33B2A | *-error |
| Normal | #E33B2A | *-error-normal |
| Light | #F8CECA | *-error-light |
Auxiliary Colors | ||
| Default Color | #4085BB | *-auxiliary |
| Normal | #4085BB | *-auxiliary-normal |
| Light | #BFD6E8 | *-auxiliary-light |
© 2024 nexineer digital GmbH. All rights reserved.