Blazorise Theme API

A set of classes that define and customize the visual appearance of Blazorise components.

On this page, you can explore the Theme API and its available classes. For more details on specific theming aspects, click the links below to access dedicated API documentation for colors, options, and palettes.

API

Parameters

Theme

Parameter Description TypeDefault
AlertOptions

Theme options to override the Alert component styles.

ThemeAlertOptionsnull
BackgroundOptions

Used to override default background colors.

ThemeBackgroundOptionsnull
BadgeOptions

Theme options to override the Badge component styles.

ThemeBadgeOptionsnull
BarOptions

Theme options to override the Bar component styles.

ThemeBarOptionsnull
Black

Defines the base theme dark color.

string"#343a40"
BodyOptions

Defined the body options.

ThemeBodyOptionsnull
BreadcrumbOptions

Theme options to override the Breadcrumb component styles.

ThemeBreadcrumbOptionsnull
BreakpointOptions

Global options for media breakpoints.

ThemeBreakpointOptionsnull
ButtonOptions

Theme options to override the Button component styles.

ThemeButtonOptionsnull
CardOptions

Theme options to override the Card styles.

ThemeCardOptionsnull
ColorOptions

Used to override default theme colors.

ThemeColorOptionsnull
ContainerMaxWidthOptions

Define the maximum width of container for different screen sizes.

ThemeContainerMaxWidthOptionsnull
DividerOptions

Theme options to override the Divider component styles.

ThemeDividerOptionsnull
DropdownOptions

Theme options to override the Dropdown styles.

ThemeDropdownOptionsnull
Enabled

Globaly enable or disable the theme.

booltrue
InputOptions

Theme options to override the BaseInputComponent component(s) styles.

ThemeInputOptionsnull
IsGradient

Enables the gradient background colors.

boolfalse
IsRounded

Globaly enables rounded elements.

booltrue
ListGroupItemOptions

Theme options to override the ListGroupItem component styles.

ThemeListGroupItemOptionsnull
LuminanceThreshold

The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.

byte150
ModalOptions

Theme options to override the Modal styles.

ThemeModalOptionsnull
PaginationOptions

Theme options to override the Pagination component styles.

ThemePaginationOptionsnull
ProgressOptions

Theme options to override the Progress component styles.

ThemeProgressOptionsnull
RatingOptions

Theme options to override the Rating component styles.

ThemeRatingOptionsnull
SidebarOptions

Theme options to override the Sidebar component styles.

ThemeSidebarOptionsnull
SnackbarOptions

Theme options to override the Snackbar component styles.

ThemeSnackbarOptionsnull
SpacingOptions

Theme options to override the spacing utilities.

ThemeSpacingOptionsnull
SpinKitOptions

Theme options to override the SpinKit component styles.

ThemeSpinKitOptionsnull
StepsOptions

Theme options to override the Steps component styles.

ThemeStepsOptionsnull
SwitchOptions

Theme options to override the Switch component styles.

ThemeSwitchOptionsnull
TableOptions

Theme options to override the Table component styles.

ThemeTableOptionsnull
TabsOptions

Theme options to override the Tabs component styles.

ThemeTabsOptionsnull
TextColorOptions

Used to override default background colors.

ThemeTextColorOptionsnull
ThemeColorInterval

Set a specific jump point for requesting color jumps

float8f
TooltipOptions

Theme options to override the Tooltip component styles.

ThemeTooltipOptionsnull
ValidBackgroundColors

Gets the valid background colors.

IEnumerable<ValueTuple<string, string>>null
ValidBreakpoints

Gets the valid breakpoints.

IEnumerable<ValueTuple<string, string>>null
ValidColors

Gets the valid variant colors.

IEnumerable<ValueTuple<string, string>>null
ValidContainerMaxWidths

Gets the valid sizes for container.

IEnumerable<ValueTuple<string, string>>null
ValidTextColors

Gets the valid text colors.

IEnumerable<ValueTuple<string, string>>null
White

Defines the base theme light color.

string"#ffffff"

Methods

Theme

Method DescriptionReturnParameters
ThemeHasChanged Must be called to rebuild the theme. void

ThemeGenerator

Method DescriptionReturnParameters
GenerateVariables Generates a CSS variables based on the defined Theme options. stringTheme theme
GenerateStyles Generates a CSS styles based on the defined Theme options. stringTheme theme
On this page