MudBlazor

Default Theme

Here's the default theme class with the default values.

MudTheme

Palette

Black

#000000ff

White

#ffffffff

Primary

#594ae2ff

PrimaryContrastText

#ffffffff

Secondary

#ff4081ff

SecondaryContrastText

#ffffffff

Tertiary

#1ec8a5ff

TertiaryContrastText

#ffffffff

Info

#2196f3ff

InfoContrastText

#ffffffff

Success

#00c853ff

SuccessContrastText

#ffffffff

Warning

#ff9800ff

WarningContrastText

#ffffffff

Error

#f44336ff

ErrorContrastText

#ffffffff

Dark

#424242ff

DarkContrastText

#ffffffff

TextPrimary

#424242ff

TextSecondary

#00000089

TextDisabled

#00000060

ActionDefault

#00000089

ActionDisabled

#00000042

ActionDisabledBackground

#0000001e

Background

#ffffffff

BackgroundGrey

#f5f5f5ff

Surface

#ffffffff

DrawerBackground

#ffffffff

DrawerText

#424242ff

DrawerIcon

#616161ff

AppbarBackground

#594ae2ff

AppbarText

#ffffffff

LinesDefault

#0000001e

LinesInputs

#bdbdbdff

TableLines

#e0e0e0ff

TableStriped

#00000005

TableHover

#0000000a

Divider

#e0e0e0ff

DividerLight

#000000cc

PrimaryDarken

rgb(62,44,221)

PrimaryLighten

rgb(118,106,231)

SecondaryDarken

rgb(255,31,105)

SecondaryLighten

rgb(255,102,153)

TertiaryDarken

rgb(25,169,140)

TertiaryLighten

rgb(42,223,187)

InfoDarken

rgb(12,128,223)

InfoLighten

rgb(71,167,245)

SuccessDarken

rgb(0,163,68)

SuccessLighten

rgb(0,235,98)

WarningDarken

rgb(214,129,0)

WarningLighten

rgb(255,167,36)

ErrorDarken

rgb(242,28,13)

ErrorLighten

rgb(246,96,85)

DarkDarken

rgb(46,46,46)

DarkLighten

rgb(87,87,87)

HoverOpacity

0.06

GrayDefault

#9E9E9E

GrayLight

#BDBDBD

GrayLighter

#E0E0E0

GrayDark

#757575

GrayDarker

#616161

OverlayDark

rgba(33,33,33,0.4980392156862745)

OverlayLight

rgba(255,255,255,0.4980392156862745)

Shadows

Elevation[]:

none

0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)

0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)

0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)

0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)

0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)

0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)

0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)

0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)

0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)

0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)

0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)

0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)

0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)

0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)

0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)

0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)

0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)

0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)

0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)

0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)

0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)

0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)

0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)

0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)

0 5px 5px -3px rgba(0,0,0,.06), 0 8px 10px 1px rgba(0,0,0,.042), 0 3px 14px 2px rgba(0,0,0,.036)

LayoutProperties

DefaultBorderRadius

4px

DrawerMiniWidthLeft

56px

DrawerMiniWidthRight

56px

DrawerWidthLeft

240px

DrawerWidthRight

240px

DrawerHeightTop

320px

DrawerHeightBottom

320px

AppbarHeight

64px

DrawerWidth

Obsolete

AppbarMinHeight

Obsolete

ZIndex

Drawer

1100

Popover

1200

AppBar

1300

Dialog

1400

Snackbar

1500

Tooltip

1600

Typography

Default

FontFamily :

Roboto, Helvetica, Arial, sans-serif

FontWeight :

400

FontSize :

.875rem

LineHeight :

1.43

LetterSpacing :

.01071em

H1

FontFamily :

Roboto, Helvetica, Arial, sans-serif

FontWeight :

300

FontSize :

6rem

LineHeight :

1.167

LetterSpacing :

-.01562em

H2

FontFamily :

Roboto, Helvetica, Arial, sans-serif

FontWeight :

300

FontSize :

3.75rem

LineHeight :

1.2

LetterSpacing :

-.00833em

H3

FontFamily :

Roboto, Helvetica, Arial, sans-serif

FontWeight :

400

FontSize :

3rem

LineHeight :

1.167

LetterSpacing :

0

H4

FontFamily :

Roboto, Helvetica, Arial, sans-serif

FontWeight :

400

FontSize :

2.125rem

LineHeight :

1.235

LetterSpacing :

.00735em

H5

FontFamily :

Roboto, Helvetica, Arial, sans-serif

FontWeight :

400

FontSize :

1.5rem

LineHeight :

1.334

LetterSpacing :

0

H6

FontFamily :

Roboto, Helvetica, Arial, sans-serif

FontWeight :

500

FontSize :

1.25rem

LineHeight :

1.6

LetterSpacing :

.0075em

Subtitle1

FontFamily :

Roboto, Helvetica, Arial, sans-serif

FontWeight :

400

FontSize :

1rem

LineHeight :

1.75

LetterSpacing :

.00938em

Subtitle2

FontFamily :

Roboto, Helvetica, Arial, sans-serif

FontWeight :

500

FontSize :

.875rem

LineHeight :

1.57

LetterSpacing :

.00714em

Body1

FontFamily :

Roboto, Helvetica, Arial, sans-serif

FontWeight :

400

FontSize :

1rem

LineHeight :

1.5

LetterSpacing :

.00938em

Body2

FontFamily :

Roboto, Helvetica, Arial, sans-serif

FontWeight :

400

FontSize :

.875rem

LineHeight :

1.43

LetterSpacing :

.01071em

Button

FontFamily :

Roboto, Helvetica, Arial, sans-serif

FontWeight :

500

FontSize :

.875rem

LineHeight :

1.75

LetterSpacing :

.02857em

Caption

FontFamily :

Roboto, Helvetica, Arial, sans-serif

FontWeight :

400

FontSize :

.75rem

LineHeight :

1.66

LetterSpacing :

.03333em

Overline

FontFamily :

Roboto, Helvetica, Arial, sans-serif

FontWeight :

400

FontSize :

.75rem

LineHeight :

2.66

LetterSpacing :

.08333em



An error has occurred. This application may no longer respond until reloaded. Reload 🗙