ProUI

Loading..

Color Themes
Your project is going to be colorful!

Customization

You can use various color theme classes to alter the text, the border or the background color of an HTML element, no matter what theme you set as active. You can also use some classes that will change the color, the border color or the background color based on your active theme.

Color Theme Names

  1. default
  2. night
  3. amethyst
  4. modern
  5. autumn
  6. flatie
  7. spring
  8. fancy
  9. fire
  10. coral
  11. lake
  12. forest
  13. waterlily
  14. emerald
  15. blackberry

Color Theme Classes (* the name of the theme)

  • themed-color - The color of your active theme
  • themed-border - The border color of your active theme
  • themed-background - The background color of your active theme
  • themed-color-dark - The dark color of your active theme
  • themed-border-dark - The dark border color of your active theme
  • themed-background-dark - The dark background color of your active theme
  • themed-color-* - The color of a specific theme
  • themed-border-* - The border color of a specific theme
  • themed-background-* - The background color of a specific theme
  • themed-color-dark-* - The dark color of a specific theme
  • themed-border-dark-* - The dark border color of a specific theme
  • themed-background-dark-* - The dark background color of a specific theme

Examples

Themed
Night
Fancy
Mixed
Spring
Mixed