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.

Switch Example
Range Example

Report List

Quick Filters

Report Name Report Type
View Order
User Contact Information Core Info
edit delete
Page Views by User Analytics
edit delete
User History by Date Range Core Info
edit delete
Revenue Analytics Accounting
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.