SpiderBaby Material
Customize
Multi-Theming
Seasons
Api
Theme Configuration

Theme Generator

Select colors and light/dark mode from the form below, then click "Preview Theme" to see changes in real-time.

#4682B4
Choose a primary theme color
#D2691E
Choose a secondary theme color
No color
Choose a tertiary theme color (leave it blank to use defaults)
No color
Choose an error theme color (leave it blank to use defaults)

Preset Themes (click to preview)

Theme Showcase
See how the current theme applies to Material components

Buttons

Form Controls 1

This is a hint
This is a hint
This is a hint
This is a hint

Form Controls 2

Form Controls 3

Progress Indicators

Navigation & Layout

Tab 1 Content
Tab 1 Content
Tab 1 Content
Tab 1 Content

Indicators