This page is the canonical home for theme information. Related docs:
The package now uses two theme groups.
Dawn: the existing day palette and styling.Abyss: the existing night palette and styling.
Hope: gold, ochre, bronze, charcoal, silver, and black.Dream: beige, cream, steel gray, slate, dark charcoal, and white.
- Theme grouping is represented by
FadingThemeGroup.
- Concrete theme selection is represented by
FadingThemeName.
- Resolve theme data with
FadingThemeData.fromTheme(...).
FadingThemeScope stores the selected theme and its resolved data.
FadingThemeData provides four built-in palettes grouped into Diaspora (Dawn, Abyss) and Imperium (Hope, Dream) plus semantic tokens for text, surfaces, controls, and progress states. Use FadingThemeData.fromTheme(...) to switch between the built-in themes, or construct your own theme data if you want a custom palette.
| Color |
Hex |
Preview |
| midnight |
#1A1824 |
|
| dusk |
#2A2235 |
|
| dust |
#3C2D3B |
|
| amberGlow |
#EC8A54 |
|
| ember |
#CC5C4D |
|
| roseHaze |
#D88AA1 |
|
| starlight |
#F1E6D9 |
|
| storm |
#93879C |
|
| border |
#4B3B4E |
|
| success |
#79B889 |
|
| error |
#D96D6D |
|
| Color |
Hex |
Preview |
| daybreak |
#F8EFE4 |
|
| sunwash |
#EBD9C7 |
|
| sand |
#DFC6B3 |
|
| linen |
#FFF8F0 |
|
| ink |
#2D2332 |
|
| mist |
#6F5F68 |
|
| dayBorder |
#CCB19F |
|
| amberGlow |
#EC8A54 |
|
| ember |
#CC5C4D |
|
| success |
#79B889 |
|
| error |
#D96D6D |
|
| Color |
Hex |
Preview |
| imperialBlack |
#121317 |
|
| imperialCharcoal |
#26282E |
|
| imperialBronze |
#7B5A3A |
|
| imperialGold |
#D1A446 |
|
| imperialOchre |
#B6812B |
|
| imperialSilver |
#D3D2D0 |
|
| imperialBorder |
#5C4C35 |
|
| success |
#79B889 |
|
| error |
#D96D6D |
|
| Color |
Hex |
Preview |
| dreamWhite |
#F8F8F6 |
|
| dreamCream |
#F5EBDD |
|
| dreamBeige |
#E0D1BF |
|
| dreamCharcoal |
#2C3139 |
|
| dreamSlate |
#6B7480 |
|
| dreamSteel |
#8F99A6 |
|
| dreamBorder |
#B6AA9C |
|
| success |
#79B889 |
|
| error |
#D96D6D |
|