This tool allows you to create a custom theme for MudBlazor. You can customize the theme colors, typography, and other settings. The tool will generate a theme class or CSS that you can use in your MudBlazor project. The tool is still in development and may have bugs or missing features. Please report any issues on the GitHub repository. Click here to learn more about this tool.


Mudblazor Version: 7.15     MudEx Version: 2.0.8     Current Breakpoint: Lg
Supporting V7.x.x and V8.x.x of MudBlazor
Buttons

Filled:


Outlined:

Text:

Text Fields
Helper Text
Select and Autocomplete

Date and Time Pickers

Switches, Checkboxes, Sliders

Volume: 3.5

3.5

Cash: ¤17.36

Alerts
Normal Alert
Info Alert
Success Alert
Warning Alert
Error Alert

Badges

3 99+

Bugs

Breadcrumbs:

MudChips:

Primary
Secondary
Tertiary

Links:
Home Page - Underline.Hover
Home Page - Underline.Always

Card - Title Area

Card content goes here.

Menus

Progress Bars
Skeletons
List

Inbox

Sent

Drafts


Trash

Removed e-mails

Spam

E-mails from common providers

Tabs
Tab One
Tab Two
Tab Three
Tab Disabled

Content One

One
Two

Content One

Treeview
  • All Mail

  • Drafts

  • Orders

  • Categories

    • Social

    • Updates

    • Forums

    • Spam

  • Trash

Toolbar

With Tooltips:

Typography

h1. Heading

h2. Heading

h3. Heading

h4. Heading

h5. Heading
h6. Heading

subtitle1.     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

subtitle2.     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

body1.     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam.

body2.     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam.

input.     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
BUTTON TEXT
caption text
OVERLINE TEXT

button typo but the element is h3

body2 typo but the element is strong
Timeline
Packaging Process Started

Yesterday: 16:33

Packaging complete

Yesterday: 17:10

Waiting for pickup

Yesterday: 17:15

Package missed last pickup time.
Package picked up by driver

Today: 17:00

Package In Transit
Name Age
Emma Smith 34
Liam Johnson 29
Olivia Williams 42
Noah Brown 31
Ava Jones 38
Ethan Davis 27
Sophia Garcia 45
Mason Rodriguez 33
Isabella Martinez 29
James Smith 40