AnimaUI Documentation

Colors

AnimaUI comes with a variety of predefined colors to rapidly deploy your website.

If you need to further customize your colors, you can do so in the _variables.scss file.

primary-l8 primary-l6 primary-l4 primary-l2 primary primary-d2 primary-d4 primary-d6 primary-d8

secondary-l8 secondary-l6 secondary-l4 secondary-l2 secondary secondary-d2 secondary-d4 secondary-d6 secondary-d8

error-l8 error-l6 error-l4 error-l2 error error-d2 error-d4 error-d6 error-d8

info-l8 info-l6 info-l4 info-l2 info info-d2 info-d4 info-d6 info-d8

blue-l8 blue-l6 blue-l4 blue-l2 blue blue-d2 blue-d4 blue-d6 blue-d8

coral-l8 coral-l6 coral-l4 coral-l2 coral coral-d2 coral-d4 coral-d6 coral-d8

red-l8 red-l6 red-l4 red-l2 red red-d2 red-d4 red-d6 red-d8

yellow-l8 yellow-l6 yellow-l4 yellow-l2 yellow yellow-d2 yellow-d4 yellow-d6 yellow-d8

green-l8 green-l6 green-l4 green-l2 green green-d2 green-d4 green-d6 green-d8

orange-l8 orange-l6 orange-l4 orange-l2 orange orange-d2 orange-d4 orange-d6 orange-d8

purple-l8 purple-l6 purple-l4 purple-l2 purple purple-d2 purple-d4 purple-d6 purple-d8

sand-l8 sand-l6 sand-l4 sand-l2 sand sand-d2 sand-d4 sand-d6 sand-d8

gray-l8 gray-l6 gray-l4 gray-l2 gray gray-d2 gray-d4 gray-d6 gray-d8

dark-gray-l8 dark-gray-l6 dark-gray-l4 dark-gray-l2 dark-gray dark-gray-d2 dark-gray-d4 dark-gray-d6 dark-gray-d8

black white