Results for “ColorScheme”

color roles: `background`, `onBackground`, and `surfaceVariant`. The `ColorScheme` constructed by the updated `ColorScheme.fromSeed` method now generates different values compared to the previous version, adapting to the Material

values for `ThemeData.colorScheme` are updated to match the Material 3 Design spec. The `ColorScheme.fromSeed` constructor generates a `ColorScheme` derived from the given `seedColor`. The colors generated

: theme.colorScheme.copyWith(secondary: myColor), ), //... ) ``` ### `accentColor` The closest backwards compatible [`ColorScheme`][] color is [`ColorScheme.secondary`][]. To hew most closely to the latest Material Design guidelines one can substitute `ColorScheme.primary

properties: The differences in the mappings of the color roles are small. Use `ColorScheme.copyWith` to revert to the original default colors: Code before migration: ```dart final ColorScheme

Fixes an issue in the `ColorScheme.fromSeed` method to respect the seed color even if the seed color is very bright

Material widgets `Switch`, `SwitchListTile`, `Checkbox`, `CheckboxListTile`, `Radio`, `RadioListTile` now use `ColorScheme.secondary` color for their toggleable widget. `ThemeData.toggleableActiveColor` is deprecated and will eventually be removed. The widgets using `ThemeData.toggleableActiveColor

stable release have been removed. ThemeData.fixTextFieldOutlineLabel ThemeData OverscrollIndicatorNotification.disallowGlow StretchingOverscrollIndicator GlowingOverscrollIndicator OverscrollIndicatorNotification ColorScheme.primaryVariant ColorScheme.secondaryVariant ColorScheme.primaryContainer ColorScheme.secondaryContainer ColorScheme ThemeData.primaryColorBrightness Brightness ThemeData.primaryColor ThemeData.brightness Theme RawScrollbar Scrollbar ScrollbarThemeData CupertinoScrollbar Scrollbar.hoverThickness MaterialStateProperty

ColorScheme will removeListener on imageStream twice if there is error loading the image. (Material, by @dkwingsmt). ColorScheme

ThemeData( //... accentColor: Colors.blue, //... ); var color = myTheme.accentColor; ``` Code after migration: ```dart var myTheme = ThemeData( //... colorScheme: ColorScheme( //... secondary:Colors.blue, //... ), //... ); var color = myTheme.colorScheme.secondary; ``` **References** * [Accent color migration guide

The Material and Cupertino design libraries are now available as standalone packages

A new set of basic material button widgets and themes have been

will have to manually set those properties to their desired color after generating. ColorScheme.fromSeed ColorScheme.fromImageProvider

target platforms. Code before migration: ```dart MaterialApp( theme: ThemeData(colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple)), ) ``` Code after migration: ```dart MaterialApp( theme: ThemeData( pageTransitionsTheme: const PageTransitionsTheme( builders: <TargetPlatform, PageTransitionsBuilder>{ TargetPlatform.android

stable release have been removed. TextTheme TextStyle ThemeData Color ThemeData.colorScheme BottomAppBarTheme ColorScheme CupertinoContextMenu.previewBuilder CupertinoContextMenu CupertinoContextMenu.animationOpensAt Scrollbar.showTrackOnHover Scrollbar ScrollbarThemeData.showTrackOnHover ScrollbarThemeData.trackVisibility ScrollbarThemeData MaterialState MaterialStateProperty KeepAliveHandle.release KeepAliveHandle InteractiveViewer.alignPanAxis InteractiveViewer PanAxis

after migration: ```dart MaterialApp( theme: ThemeData( floatingActionButtonTheme: FloatingActionButtonThemeData( foregroundColor: Colors.red, ), ), ) ``` FloatingActionButton ThemeData Theme ColorScheme FloatingActionButtons FloatingActionButtonTheme RawMaterialButton ThemeData.accentTextTheme FloatingActionButtonThemeData