Default Theme

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

MudTheme
Palette
Name Type Default Light Default Dark CSS Variable
Black MudColor
rgba(39,44,52,1)
rgba(39,39,47,1)
 --mud-palette-black
White MudColor
rgba(255,255,255,1)
 --mud-palette-white
Primary MudColor
rgba(89,74,226,1)
rgba(119,107,231,1)
 --mud-palette-primary
PrimaryContrastText MudColor
rgba(255,255,255,1)
 --mud-palette-primary-text
Secondary MudColor
rgba(255,64,129,1)
 --mud-palette-secondary
SecondaryContrastText MudColor
rgba(255,255,255,1)
 --mud-palette-secondary-text
Tertiary MudColor
rgba(30,200,165,1)
 --mud-palette-tertiary
TertiaryContrastText MudColor
rgba(255,255,255,1)
 --mud-palette-tertiary-text
Info MudColor
rgba(33,150,243,1)
rgba(50,153,255,1)
 --mud-palette-info
InfoContrastText MudColor
rgba(255,255,255,1)
 --mud-palette-info-text
Success MudColor
rgba(0,200,83,1)
rgba(11,186,131,1)
 --mud-palette-success
SuccessContrastText MudColor
rgba(255,255,255,1)
 --mud-palette-success-text
Warning MudColor
rgba(255,152,0,1)
rgba(255,168,0,1)
 --mud-palette-warning
WarningContrastText MudColor
rgba(255,255,255,1)
 --mud-palette-warning-text
Error MudColor
rgba(244,67,54,1)
rgba(246,78,98,1)
 --mud-palette-error
ErrorContrastText MudColor
rgba(255,255,255,1)
 --mud-palette-error-text
Dark MudColor
rgba(66,66,66,1)
rgba(39,39,47,1)
 --mud-palette-dark
DarkContrastText MudColor
rgba(255,255,255,1)
 --mud-palette-dark-text
TextPrimary MudColor
rgba(66,66,66,1)
rgba(255,255,255,0.6980392156862745)
 --mud-palette-text-primary
TextSecondary MudColor
rgba(0,0,0,0.5372549019607843)
rgba(255,255,255,0.4980392156862745)
 --mud-palette-text-secondary
TextDisabled MudColor
rgba(0,0,0,0.3764705882352941)
rgba(255,255,255,0.2)
 --mud-palette-text-disabled
ActionDefault MudColor
rgba(0,0,0,0.5372549019607843)
rgba(173,173,177,1)
 --mud-palette-action-default
ActionDisabled MudColor
rgba(0,0,0,0.25882352941176473)
rgba(255,255,255,0.25882352941176473)
 --mud-palette-action-disabled
ActionDisabledBackground MudColor
rgba(0,0,0,0.11764705882352941)
rgba(255,255,255,0.11764705882352941)
 --mud-palette-action-disabled-background
Background MudColor
rgba(255,255,255,1)
rgba(50,51,61,1)
 --mud-palette-background
BackgroundGray MudColor
rgba(245,245,245,1)
rgba(39,39,47,1)
 --mud-palette-background-gray
Surface MudColor
rgba(255,255,255,1)
rgba(55,55,64,1)
 --mud-palette-surface
DrawerBackground MudColor
rgba(255,255,255,1)
rgba(39,39,47,1)
 --mud-palette-drawer-background
DrawerText MudColor
rgba(66,66,66,1)
rgba(255,255,255,0.4980392156862745)
 --mud-palette-drawer-text
DrawerIcon MudColor
rgba(97,97,97,1)
rgba(255,255,255,0.4980392156862745)
 --mud-palette-drawer-icon
AppbarBackground MudColor
rgba(89,74,226,1)
rgba(39,39,47,1)
 --mud-palette-appbar-background
AppbarText MudColor
rgba(255,255,255,1)
rgba(255,255,255,0.6980392156862745)
 --mud-palette-appbar-text
LinesDefault MudColor
rgba(0,0,0,0.11764705882352941)
rgba(255,255,255,0.11764705882352941)
 --mud-palette-lines-default
LinesInputs MudColor
rgba(189,189,189,1)
rgba(255,255,255,0.2980392156862745)
 --mud-palette-lines-inputs
TableLines MudColor
rgba(224,224,224,1)
rgba(255,255,255,0.11764705882352941)
 --mud-palette-table-lines
TableStriped MudColor
rgba(0,0,0,0.0196078431372549)
rgba(255,255,255,0.2)
 --mud-palette-table-striped
TableHover MudColor
rgba(0,0,0,0.0392156862745098)
 --mud-palette-table-hover
Divider MudColor
rgba(224,224,224,1)
rgba(255,255,255,0.11764705882352941)
 --mud-palette-divider
DividerLight MudColor
rgba(0,0,0,0.8)
rgba(255,255,255,0.058823529411764705)
 --mud-palette-divider-light
Skeleton MudColor
rgba(0,0,0,0.10980392156862745)
rgba(255,255,255,0.10980392156862745)
 --mud-palette-skeleton
PrimaryDarken String
rgb(62,44,221)
rgb(90,75,226)
 --mud-palette-primary-darken
PrimaryLighten String
rgb(118,106,231)
rgb(151,141,236)
 --mud-palette-primary-lighten
SecondaryDarken String
rgb(255,31,105)
 --mud-palette-secondary-darken
SecondaryLighten String
rgb(255,102,153)
 --mud-palette-secondary-lighten
TertiaryDarken String
rgb(25,169,140)
 --mud-palette-tertiary-darken
TertiaryLighten String
rgb(42,223,187)
 --mud-palette-tertiary-lighten
InfoDarken String
rgb(12,128,223)
rgb(10,133,255)
 --mud-palette-info-darken
InfoLighten String
rgb(71,167,245)
rgb(92,173,255)
 --mud-palette-info-lighten
SuccessDarken String
rgb(0,163,68)
rgb(9,154,108)
 --mud-palette-success-darken
SuccessLighten String
rgb(0,235,98)
rgb(13,222,156)
 --mud-palette-success-lighten
WarningDarken String
rgb(214,129,0)
rgb(214,143,0)
 --mud-palette-warning-darken
WarningLighten String
rgb(255,167,36)
rgb(255,182,36)
 --mud-palette-warning-lighten
ErrorDarken String
rgb(242,28,13)
rgb(244,47,70)
 --mud-palette-error-darken
ErrorLighten String
rgb(246,96,85)
rgb(248,119,134)
 --mud-palette-error-lighten
DarkDarken String
rgb(46,46,46)
rgb(23,23,28)
 --mud-palette-dark-darken
DarkLighten String
rgb(87,87,87)
rgb(56,56,67)
 --mud-palette-dark-lighten
HoverOpacity Double
0.06
 --mud-palette-hover-opacity
RippleOpacity Double
0.1
 --mud-palette-ripple-opacity
RippleOpacitySecondary Double
0.2
 --mud-palette-ripple-opacity-secondary
GrayDefault String
#9E9E9E
 --mud-palette-gray-default
GrayLight String
#BDBDBD
 --mud-palette-gray-light
GrayLighter String
#E0E0E0
 --mud-palette-gray-lighter
GrayDark String
#757575
 --mud-palette-gray-dark
GrayDarker String
#616161
 --mud-palette-gray-darker
OverlayDark String
rgba(33,33,33,0.4980392156862745)
 --mud-palette-overlay-dark
OverlayLight String
rgba(255,255,255,0.4980392156862745)
 --mud-palette-overlay-light
Shadows
Name Type Default CSS Variable CSS Class
Elevation String[] System.String[]
Elevation[0] String none --mud-elevation-0 mud-elevation-0
Elevation[1] String 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) --mud-elevation-1 mud-elevation-1
Elevation[2] String 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) --mud-elevation-2 mud-elevation-2
Elevation[3] String 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) --mud-elevation-3 mud-elevation-3
Elevation[4] String 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) --mud-elevation-4 mud-elevation-4
Elevation[5] String 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) --mud-elevation-5 mud-elevation-5
Elevation[6] String 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) --mud-elevation-6 mud-elevation-6
Elevation[7] String 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) --mud-elevation-7 mud-elevation-7
Elevation[8] String 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) --mud-elevation-8 mud-elevation-8
Elevation[9] String 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) --mud-elevation-9 mud-elevation-9
Elevation[10] String 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) --mud-elevation-10 mud-elevation-10
Elevation[11] String 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) --mud-elevation-11 mud-elevation-11
Elevation[12] String 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) --mud-elevation-12 mud-elevation-12
Elevation[13] String 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) --mud-elevation-13 mud-elevation-13
Elevation[14] String 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) --mud-elevation-14 mud-elevation-14
Elevation[15] String 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) --mud-elevation-15 mud-elevation-15
Elevation[16] String 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) --mud-elevation-16 mud-elevation-16
Elevation[17] String 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) --mud-elevation-17 mud-elevation-17
Elevation[18] String 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) --mud-elevation-18 mud-elevation-18
Elevation[19] String 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) --mud-elevation-19 mud-elevation-19
Elevation[20] String 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) --mud-elevation-20 mud-elevation-20
Elevation[21] String 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) --mud-elevation-21 mud-elevation-21
Elevation[22] String 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) --mud-elevation-22 mud-elevation-22
Elevation[23] String 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) --mud-elevation-23 mud-elevation-23
Elevation[24] String 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) --mud-elevation-24 mud-elevation-24
Elevation[25] String 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) --mud-elevation-25 mud-elevation-25
LayoutProperties
Name Type Default CSS Variable CSS Class
DefaultBorderRadius String 4px --mud-default-borderradius
DrawerMiniWidthLeft String 56px --mud-drawer-mini-width-left
DrawerMiniWidthRight String 56px --mud-drawer-mini-width-right
DrawerWidthLeft String 240px --mud-drawer-width-left
DrawerWidthRight String 240px --mud-drawer-width-right
AppbarHeight String 64px --mud-appbar-height
An error has occurred. This application may no longer respond until reloaded. Reload 🗙