ShadThemeData class

The complete visual configuration of a Shad app: colour scheme, text theme, radius, style, spacing and every component theme.

The factory resolves its inputs into a ShadThemeVariant, which derives the component themes. An explicit component theme passed here is merged over the variant's. Provide it to the tree with ShadApp or ShadTheme and read it back with ShadTheme.of(context).

Inheritance

• Object
• ShadBaseTheme
• ShadThemeData

Annotations

• @immutable
• @ThemeGen.new()

Constructors

ShadThemeData({ShadColorScheme? colorScheme, Brightness? brightness, ShadButtonTheme? primaryButtonTheme, ShadButtonTheme? secondaryButtonTheme, ShadButtonTheme? destructiveButtonTheme, ShadButtonTheme? outlineButtonTheme, ShadButtonTheme? ghostButtonTheme, ShadButtonTheme? linkButtonTheme, ShadBadgeTheme? primaryBadgeTheme, ShadBadgeTheme? secondaryBadgeTheme, ShadBadgeTheme? destructiveBadgeTheme, ShadBadgeTheme? outlineBadgeTheme, ShadBreadcrumbTheme? breadcrumbTheme, BorderRadius? radius, ShadAvatarTheme? avatarTheme, ShadButtonSizesTheme? buttonSizesTheme, ShadTooltipTheme? tooltipTheme, ShadPopoverTheme? popoverTheme, ShadDecoration? decoration, ShadTextTheme? textTheme, double? disabledOpacity, ShadSelectTheme? selectTheme, ShadOptionTheme? optionTheme, ShadCardTheme? cardTheme, ShadSwitchTheme? switchTheme, ShadCheckboxTheme? checkboxTheme, ShadInputTheme? inputTheme, ShadRadioTheme? radioTheme, ShadToastTheme? primaryToastTheme, ShadToastTheme? destructiveToastTheme, ShadBreakpoints? breakpoints, ShadAlertTheme? primaryAlertTheme, ShadAlertTheme? destructiveAlertTheme, ShadDialogTheme? primaryDialogTheme, ShadDialogTheme? alertDialogTheme, ShadSliderTheme? sliderTheme, ShadSheetTheme? sheetTheme, ShadProgressTheme? progressTheme, ShadAccordionTheme? accordionTheme, ShadTableTheme? tableTheme, ShadResizableTheme? resizableTheme, ShadHoverStrategies? hoverStrategies, bool? disableSecondaryBorder, ShadTabsTheme? tabsTheme, ShadSkeletonTheme? skeletonTheme, ShadKbdTheme? kbdTheme, ShadScrollAreaTheme? scrollAreaTheme, ShadSpinnerTheme? spinnerTheme, ShadToggleTheme? toggleTheme, ShadToggleTheme? outlineToggleTheme, ShadEmptyTheme? emptyTheme, ShadPaginationTheme? paginationTheme, ShadCollapsibleTheme? collapsibleTheme, ShadCommandTheme? commandTheme, ShadSidebarTheme? sidebarTheme, ShadThemeVariant? variant, ShadContextMenuTheme? contextMenuTheme, ShadCalendarTheme? calendarTheme, ShadDatePickerTheme? datePickerTheme, ShadTimePickerTheme? timePickerTheme, ShadInputOTPTheme? inputOTPTheme, ShadMenubarTheme? menubarTheme, ShadSeparatorTheme? separatorTheme, ShadSonnerTheme? sonnerTheme, ShadTextareaTheme? textareaTheme, ShadDefaultKeyboardToolbarTheme? defaultKeyboardToolbarTheme, ShadStyleTokens? style, ShadSpacing? spacing, ShadColorScheme? menuColorScheme, bool? menuTranslucent, ShadMenuAccent? menuAccent})

Creates a theme.

factory

Properties

accordionTheme → ShadAccordionTheme

The theme of ShadAccordion.

final, inherited

alertDialogTheme → ShadDialogTheme

The theme of alert dialogs, ShadDialog.alert.

final, inherited

avatarTheme → ShadAvatarTheme

The theme of ShadAvatar.

final, inherited

breadcrumbTheme → ShadBreadcrumbTheme

The theme of ShadBreadcrumb.

final, inherited

breakpoints → ShadBreakpoints

The screen widths at which the layout changes.

final, inherited

brightness → Brightness

Whether the theme is light or dark.

final, inherited

buttonSizesTheme → ShadButtonSizesTheme

The metrics of each ShadButton size.

final, inherited

calendarTheme → ShadCalendarTheme

The theme of ShadCalendar.

final, inherited

canMerge → bool

no setter, inherited

cardTheme → ShadCardTheme

The theme of ShadCard.

final, inherited

checkboxTheme → ShadCheckboxTheme

The theme of ShadCheckbox.

final, inherited

collapsibleTheme → ShadCollapsibleTheme

The theme of ShadCollapsible.

final, inherited

colorScheme → ShadColorScheme

The colour tokens every component theme is built from.

final, inherited

commandTheme → ShadCommandTheme

The theme of ShadCommand.

final, inherited

contextMenuTheme → ShadContextMenuTheme

The theme of ShadContextMenu.

final, inherited

datePickerTheme → ShadDatePickerTheme

The theme of ShadDatePicker.

final, inherited

decoration → ShadDecoration

The default border and label styling of controls. Component decorations are merged over it.

final, inherited

defaultKeyboardToolbarTheme → ShadDefaultKeyboardToolbarTheme

The theme of ShadDefaultKeyboardToolbar.

final, inherited

destructiveAlertTheme → ShadAlertTheme

The theme of destructive alerts, ShadAlert.destructive.

final, inherited

destructiveBadgeTheme → ShadBadgeTheme

The theme of destructive badges, ShadBadge.destructive.

final, inherited

destructiveButtonTheme → ShadButtonTheme

The theme of destructive buttons, ShadButton.destructive.

final, inherited

destructiveToastTheme → ShadToastTheme

The theme of destructive toasts, ShadToast.destructive.

final, inherited

disabledOpacity → double

The opacity of disabled components. Defaults to 0.5.

final, inherited

disableSecondaryBorder → bool

Whether controls show focus without the outward ring. Defaults to false.

final, inherited

emptyTheme → ShadEmptyTheme

The theme of ShadEmpty.

final, inherited

ghostButtonTheme → ShadButtonTheme

The theme of ghost buttons, ShadButton.ghost.

final, inherited

hashCode → int

The hash code for this object.

no setter, inherited

hoverStrategies → ShadHoverStrategies

The gestures that give touch devices a hover state.

final, inherited

inputOTPTheme → ShadInputOTPTheme

The theme of ShadInputOTP.

final, inherited

inputTheme → ShadInputTheme

The theme of ShadInput.

final, inherited

kbdTheme → ShadKbdTheme

The theme of ShadKbd keyboard keys.

final, inherited

linkButtonTheme → ShadButtonTheme

The theme of link buttons, ShadButton.link.

final, inherited

menubarTheme → ShadMenubarTheme

The theme of ShadMenubar.

final, inherited

optionTheme → ShadOptionTheme

The theme of ShadOption, the rows of a select.

final, inherited

outlineBadgeTheme → ShadBadgeTheme

The theme of outline badges, ShadBadge.outline.

final, inherited

outlineButtonTheme → ShadButtonTheme

The theme of outline buttons, ShadButton.outline.

final, inherited

outlineToggleTheme → ShadToggleTheme

The theme of outline toggles, ShadToggle.outline.

final, inherited

paginationTheme → ShadPaginationTheme

The theme of ShadPagination.

final, inherited

popoverTheme → ShadPopoverTheme

The theme of ShadPopover.

final, inherited

primaryAlertTheme → ShadAlertTheme

The theme of default alerts, ShadAlert.

final, inherited

primaryBadgeTheme → ShadBadgeTheme

The theme of primary badges, ShadBadge's default variant.

final, inherited

primaryButtonTheme → ShadButtonTheme

The theme of primary buttons, ShadButton's default variant.

final, inherited

primaryDialogTheme → ShadDialogTheme

The theme of ShadDialog.

final, inherited

primaryToastTheme → ShadToastTheme

The theme of default toasts, ShadToast.

final, inherited

progressTheme → ShadProgressTheme

The theme of ShadProgress.

final, inherited

radii → ShadRadii

The corner-radius scale derived from radius.

no setter

radioTheme → ShadRadioTheme

The theme of ShadRadio.

final, inherited

radius → BorderRadius

The component radius, the md step of ShadRadii. Defaults to 8.

final, inherited

resizableTheme → ShadResizableTheme

The theme of ShadResizablePanelGroup.

final, inherited

runtimeType → Type

A representation of the runtime type of the object.

no setter, inherited

scrollAreaTheme → ShadScrollAreaTheme

The theme of ShadScrollArea.

final, inherited

secondaryBadgeTheme → ShadBadgeTheme

The theme of secondary badges, ShadBadge.secondary.

final, inherited

secondaryButtonTheme → ShadButtonTheme

The theme of secondary buttons, ShadButton.secondary.

final, inherited

selectTheme → ShadSelectTheme

The theme of ShadSelect.

final, inherited

separatorTheme → ShadSeparatorTheme

The theme of ShadSeparator.

final, inherited

sheetTheme → ShadSheetTheme

The theme of ShadSheet.

final, inherited

sidebarTheme → ShadSidebarTheme

The theme of ShadSidebar and its menu.

final, inherited

skeletonTheme → ShadSkeletonTheme

The theme of ShadSkeleton.

final, inherited

sliderTheme → ShadSliderTheme

The theme of ShadSlider.

final, inherited

sonnerTheme → ShadSonnerTheme

The theme of ShadSonner.

final, inherited

spacing → ShadSpacing

The spacing scale every padding and gap is a multiple of.

no setter

spinnerTheme → ShadSpinnerTheme

The theme of ShadSpinner.

final, inherited

style → ShadStyleTokens

The shadcn/ui style this theme renders.

no setter

switchTheme → ShadSwitchTheme

The theme of ShadSwitch.

final, inherited

tableTheme → ShadTableTheme

The theme of ShadTable.

final, inherited

tabsTheme → ShadTabsTheme

The theme of ShadTabs.

final, inherited

textareaTheme → ShadTextareaTheme

The theme of ShadTextarea.

final, inherited

textTheme → ShadTextTheme

The text styles. These have the style's text roles applied, so they can differ from the text theme passed in.

final, inherited

timePickerTheme → ShadTimePickerTheme

The theme of ShadTimePicker.

final, inherited

toggleTheme → ShadToggleTheme

The theme of ShadToggle in its default variant.

final, inherited

tooltipTheme → ShadTooltipTheme

The theme of ShadTooltip.

final, inherited

variant → ShadThemeVariant

The variant that produced the component theme defaults below.

final, inherited

Methods

copyWith({ShadColorScheme? colorScheme, Brightness? brightness, ShadButtonTheme? primaryButtonTheme, ShadButtonTheme? secondaryButtonTheme, ShadButtonTheme? destructiveButtonTheme, ShadButtonTheme? outlineButtonTheme, ShadButtonTheme? ghostButtonTheme, ShadButtonTheme? linkButtonTheme, ShadBadgeTheme? primaryBadgeTheme, ShadBadgeTheme? secondaryBadgeTheme, ShadBadgeTheme? destructiveBadgeTheme, ShadBadgeTheme? outlineBadgeTheme, ShadBreadcrumbTheme? breadcrumbTheme, BorderRadius? radius, ShadAvatarTheme? avatarTheme, ShadButtonSizesTheme? buttonSizesTheme, ShadTooltipTheme? tooltipTheme, ShadPopoverTheme? popoverTheme, ShadDecoration? decoration, ShadTextTheme? textTheme, double? disabledOpacity, ShadSelectTheme? selectTheme, ShadOptionTheme? optionTheme, ShadCardTheme? cardTheme, ShadSwitchTheme? switchTheme, ShadCheckboxTheme? checkboxTheme, ShadInputTheme? inputTheme, ShadRadioTheme? radioTheme, ShadToastTheme? primaryToastTheme, ShadToastTheme? destructiveToastTheme, ShadBreakpoints? breakpoints, ShadAlertTheme? primaryAlertTheme, ShadAlertTheme? destructiveAlertTheme, ShadDialogTheme? primaryDialogTheme, ShadDialogTheme? alertDialogTheme, ShadSliderTheme? sliderTheme, ShadSheetTheme? sheetTheme, ShadProgressTheme? progressTheme, ShadAccordionTheme? accordionTheme, ShadTableTheme? tableTheme, ShadResizableTheme? resizableTheme, ShadHoverStrategies? hoverStrategies, bool? disableSecondaryBorder, ShadTabsTheme? tabsTheme, ShadSkeletonTheme? skeletonTheme, ShadKbdTheme? kbdTheme, ShadScrollAreaTheme? scrollAreaTheme, ShadSpinnerTheme? spinnerTheme, ShadToggleTheme? toggleTheme, ShadToggleTheme? outlineToggleTheme, ShadEmptyTheme? emptyTheme, ShadPaginationTheme? paginationTheme, ShadCollapsibleTheme? collapsibleTheme, ShadCommandTheme? commandTheme, ShadSidebarTheme? sidebarTheme, ShadThemeVariant? variant, ShadContextMenuTheme? contextMenuTheme, ShadCalendarTheme? calendarTheme, ShadDatePickerTheme? datePickerTheme, ShadTimePickerTheme? timePickerTheme, ShadInputOTPTheme? inputOTPTheme, ShadMenubarTheme? menubarTheme, ShadSeparatorTheme? separatorTheme, ShadSonnerTheme? sonnerTheme, ShadTextareaTheme? textareaTheme, ShadDefaultKeyboardToolbarTheme? defaultKeyboardToolbarTheme, ShadStyleTokens? style, ShadSpacing? spacing, ShadColorScheme? menuColorScheme, bool? menuTranslucent, ShadMenuAccent? menuAccent}) → ShadThemeData

Creates a copy of this theme with the given inputs replaced.

merge(ShadThemeData? other) → ShadThemeData

inherited

noSuchMethod(Invocation invocation) → dynamic

Invoked when a nonexistent method or property is accessed.

inherited

toString() → String

A string representation of this object.

inherited

Operators

operator ==(Object other) → bool

The equality operator.

inherited

Static Methods

lerp(ShadThemeData? a, ShadThemeData? b, double t) → ShadThemeData?

Linearly interpolates between a and b by t.