ProUI
avatar
John Doe
  • Dashboard
  • Widget Kit
  • Statistics
  • Social
  • Media
  • Design Kit
  • User Interface
    • Grid & Blocks
    • Typography
    • Buttons & Dropdowns
    • Navigation & More
    • Progress & Loading
    • Color Themes
  • Forms
    • General
    • Components
    • Validation
    • Wizard
  • Tables
    • General
    • Responsive
    • Datatables
  • Icon Sets
    • Font Awesome
    • Glyphicons Pro
  • Develop Kit
  • Components
    • 3 Level Menu
      • Link 1
      • Link 2
    • Maps
    • Charts
    • Gallery
    • Carousel
    • Calendar
    • CSS3 Animations
    • Syntax Highlighting
  • Ready Pages
    • Errors
      • 400
      • 401
      • 403
      • 404
      • 500
      • 503
    • Get Started
      • Blank
      • Blank Alternative
    • Search Results (4)
    • Article
    • User Profile
    • Message Center
      • Inbox
      • Compose Message
      • View Message
    • Timeline
    • FAQ
    • Pricing Tables
    • Invoice
    • Forum (3)
    • Login / Register
Activity
5 min ago
You had a new sale ($10)
10 min ago
Upgraded to Pro plan
3 hours ago
Running low on space
18GB in use 2GB left
Yesterday
New bug submitted
    • Header Style
    • Light Dark
    • Page Style
    • Default Alternative
    • Main Layout
  • avatar
    • Account
    • 10 Updates 5 Messages 3 Subscriptions 11 FAQ
    • Profile Settings
    • Logout
    • Activity
    • 5 min ago
      You had a new sale ($10)
      10 min ago
      Upgraded to Pro plan
      3 hours ago
      Running low on space
      18GB in use 2GB left
      Yesterday
      New bug submitted

Color Themes
Your project is going to be colorful!

  • User Interface
  • Color Themes

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

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
Crafted with by pixelcave
© ProUI 1.0

Settings

Vital Info

Admin

Password Update