Theme Selector

w3-theme-l5
w3-theme-l4
w3-theme-l3
w3-theme-l2
w3-theme-l1
w3-theme
w3-theme-d1
w3-theme-d2
w3-theme-d3
w3-theme-d4
w3-theme-l5
w3-theme-l5-bdr
w3-theme-l4-bdr
w3-theme-l3-bdr
w3-theme-l2-bdr
w3-theme-l1-bdr
w3-theme-bdr
w3-bottombar
w3-theme-l3-bdr

Available themes (This is: )

Use the selector to choose a theme for this session: 

Use as default
Restore original

The 11 variations for this theme are shown on the left. For each colour there is also a corresponding text and border colour.  These do not affect the backgrounds.

The styles for these look like:  w3-theme-l2-txt  or  w3-theme-d4-bdr .

There are some hover colours based on the theme, lightest, darkest and theme colours only. These look like  w3-theme-l5-hvr .

The last example shows the use of the style  w3-bottombar. There is also w3-topbar, w3-leftbar & w3-rightbar. To use borders, you also need to apply the style 'w3-border'.