CSS Maker by Wizard’s Toolkit


Choose Colors download full set

Set the CSS variables which will affect how all elements on your page look. For help with trending color palettes, check out coolors.co.


Select Theme and Color
Choose Theme

  

Example blockquote tag where MaterializeCSS shows a bar on left.
phone

Switch Example
Range Example


Report List


Quick Filters

Report Name Report Type
View Order
View
add
User Contact Information Core Info
10
edit delete
Page Views by User Analytics
20
edit delete
User History by Date Range Core Info
30
edit delete
Revenue Analytics Accounting
40
edit delete

This free utility was built by Programming Labs for making color themes for Wizard’s Toolkit websites. Feel free to modify it for your own needs.

In your HTML page call the CSS files in this order:

  • materialize.min.css
  • wtk{YourColor}.css
  • wtkLight.css or wtkDark.css
  • wtkGlobal.css

And remember when using MaterializeCSS with jQuery to always declare jQuery.js before materialize.min.js.