Default Theme Dark Theme
Tornado Logo
Tornado has become Phenix Design System

Coloring Utilities - Tornado UI

Coloring Utilities is a color schema classes that can be helpful for fast backgrounds and text color.

Colors Schema List

in the list of colors below you will find class names for the most used brand colors and the colors of tornado theme for three options adding a background color or text color or border color to your element and of course for backgrounds its reversing the color for contrast you can click on the color to copy the class name.

success-bg danger-bg warning-bg primary-bg secondary-bg light-bg info-bg gray-bg dark-bg facebook-bg twitter-bg google-plus-bg youtube-bg tumblr-bg instagram-bg android-bg snapchat-bg whatsapp-bg pinterest-bg linkedin-bg behance-bg apple-bg cloudflare-bg dribbble-bg envato-bg flicker-bg github-bg white-bg offwhite-smoke-bg offwhite-snow-bg offwhite-honeydew-bg offwhite-mintcream-bg offwhite-azure-bg offwhite-aliceblue-bg offwhite-ghost-bg offwhite-seashell-bg offwhite-beige-bg offwhite-oldlace-bg offwhite-floral-bg offwhite-ivory-bg offwhite-antique-bg offwhite-linen-bg offwhite-lavenderblush-bg success-bg-light danger-bg-light warning-bg-light info-bg-light

Text Colors

DEMO success-color DEMO danger-color DEMO warning-color DEMO primary-color DEMO secondary-color DEMO light-color DEMO info-color DEMO gray-color DEMO dark-color facebook-color twitter-color DEMO google-plus-color DEMO youtube-color DEMO tumblr-color DEMO instagram-color DEMO android-color DEMO snapchat-color DEMO whatsapp-color DEMO pinterest-color DEMO linkedin-color DEMO behance-color DEMO apple-color DEMO cloudflare-color DEMO dribbble-color DEMO envato-color DEMO flicker-color DEMO github-color DEMO white-color

Border Colors

success-border danger-border warning-border primary-border secondary-border light-border info-border gray-border dark-border facebook-border twitter-border google-plus-border youtube-border tumblr-border instagram-border android-border snapchat-border whatsapp-border pinterest-border linkedin-border behance-border apple-border cloudflare-border dribbble-border envato-border flicker-border github-border white-border

Copyright (c) 2016-present, Tornado UI Licensed under the terms of the MIT License.