Brush Names

Sometimes you may want to use the toolkit's brushs directly in your XAML. Typically you'll use them as dynamic resources, so they update with the current material palette.

Palette Brush Names

Primary Colour

• PrimaryHueLightBrush
• PrimaryHueLightForegroundBrush
• PrimaryHueMidBrush
• PrimaryHueMidForegroundBrush
• PrimaryHueDarkBrush
• PrimaryHueDarkForegroundBrush

NB [Light/Mid/Dark]Brush define the different hues of the colour, and the [Light/Mid/Dark]ForegroundBrush define a foreground colour which will show up clearly on that hue.

Accent Colour

• SecondaryHueLightBrush
• SecondaryHueLightForegroundBrush
• SecondaryHueMidBrush
• SecondaryHueMidForegroundBrush
• SecondaryHueDarkBrush
• SecondaryHueDarkForegroundBrush

NB [Light/Mid/Dark]Brush define the different hues of the colour, and the [Light/Mid/Dark]ForegroundBrush define a foreground colour which will show up clearly on that hue.

Prior to version 2.6.0 there was only these accent brushes. Though these still exist in version 3.0.0, they should be considered obsolete and will be removed in a future version.

• SecondaryAccentBrush
• SecondaryAccentForegroundBrush

Example Usage

<TextBlock Foreground="{DynamicResource PrimaryHueMidBrush}" />

Light/Dark Specific Brush Names

• MaterialDesignBackground
• MaterialDesignPaper
• MaterialDesignCardBackground
• MaterialDesignToolBarBackground
• MaterialDesignBody
• MaterialDesignBodyLight
• MaterialDesignColumnHeader
• MaterialDesignCheckBoxOff
• MaterialDesignCheckBoxDisabled
• MaterialDesignTextBoxBorder
• MaterialDesignDivider
• MaterialDesignSelection
• MaterialDesignFlatButtonClick
• MaterialDesignFlatButtonRipple
• MaterialDesignToolTipBackground
• MaterialDesignChipBackground
• MaterialDesignSnackbarBackground
• MaterialDesignSnackbarMouseOver
• MaterialDesignSnackbarRipple
• MaterialDesignTextFieldBoxBackground
• MaterialDesignTextFieldBoxHoverBackground
• MaterialDesignTextFieldBoxDisabledBackground
• MaterialDesignTextAreaBorder
• MaterialDesignTextAreaInactiveBorder