CascadeIntroductioninfoGetting StartedConvenient UsageAdvanced Usage
Examples
Reactive FormFocus StoreToolbar EllipsisHybrid Modal DialogWord ProcessorHydrationJSXProgrammatic Reactive LayoutRecursive ExampleAnimationDrawerFile SystemThemespalette
Themes
info

Themes are service locators: every widget - every button on every page - is asked for through the render context, and whichever theme is in it provides one.

  • A theme can change color and style, but it can also replace entire components. Switch the theme here, and it changes for the whole app - with all app state kept where it was (try the Recursive Demo or the Hybrid Modal Dialog afterwards).
  • A theme is its colors too: a base and an accent, and every other color made from them. Pick them below - for the app's own theme, the whole app follows, frame and all.
  • Each theme below is shown with its own services and colors, whatever the app's theme is: any part of an app can have a theme of its own.
Current theme: Basic
Material
Reset
FirstSecondOpen dialog
Alerts
An alert of severity info.
An alert of severity success.
An alert of severity warning.
An alert of severity error.
Fields
Subscribe
Cards
A card, elevated
A card, filled
A card, outlined
List items
InboxSentDrafts
Basic
the app's theme
Alerts
info
An alert of severity info.
check_circle
An alert of severity success.
warning
An alert of severity warning.
error
An alert of severity error.
Fields
Cards
A card, elevated
A card, filled
A card, outlined
List items
Inbox
Sent
Drafts
homesearchsettingsshopping_cart
A widget no theme provides still renders, as a marked placeholder:
[widget rating]★★★☆☆