Results for “ThemeData”

ThemeData accentColor, accentColorBrightness, accentIconTheme and accentTextTheme properties have been deprecated. The ThemeData accentColor, accentColorBrightness, accentIconTheme and accentTextTheme properties have been deprecated because the Material library

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` color

`, you need to update them to use the new equivalent properties on `ThemeData.textSelectionTheme`: | Before | After | |--------------------------------------|-----------------------------------------------| | `ThemeData.cursorColor` | `TextSelectionThemeData.cursorColor` | | `ThemeData.textSelectionColor` | `TextSelectionThemeData.selectionColor` | | `ThemeData.textSelectionHandleColor` | `TextSelectionThemeData.selectionHandleColor` | **Code before migration:** ```dart ThemeData

ThemeData.indicatorColor` parameter was deprecated in favor of the `TabBarThemeData.indicatorColor` parameter. The `ThemeData.indicatorColor` is deprecated in favor of a component-specific theme. Use `TabBarThemeData` to override the default indicator

components, new component themes, and updated component visuals. As of this release, `ThemeData.useMaterial3` is set `true` by default. Prior to the 3.16 release, the changes were

ThemeData.dialogBackgroundColor` parameter was deprecated in favor of the `DialogThemeData.backgroundColor` parameter. The `ThemeData.dialogBackgroundColor` is deprecated in favor of a component-specific theme. Use `DialogThemeData` to override the default background

overrides for the defaults of the component visual properties. Previously, the type of `ThemeData.cardTheme` was `Object?` to accept both `CardTheme` and `CardThemeData`. Now that the type has been

( floatingActionButtonTheme: FloatingActionButtonThemeData( foregroundColor: Colors.red, ), ), ) ``` FloatingActionButton ThemeData Theme ColorScheme FloatingActionButtons FloatingActionButtonTheme RawMaterialButton ThemeData.accentTextTheme FloatingActionButtonThemeData

like these for a more consistent theming experience in the material library. In `ThemeData`: - The type of the `appBarTheme` property has been changed from `AppBarTheme` to `AppBarThemeData

removed as part of Flutter's deprecation policy. ### Colors The default values for `ThemeData.colorScheme` are updated to match the Material 3 Design spec. The `ColorScheme.fromSeed` constructor generates

deprecated in favor of the more efficient `OverflowBar` widget. As a result, `ThemeData.buttonBarTheme` and `ButtonBarTheme` were also deprecated. - Replace `ButtonBar` widget with `OverflowBar` widget. - By default, `ButtonBar` aligns

that reached end of life after the 3.10 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

stable release have been removed. Code before migration: ```dart var myTheme = ThemeData( //... accentColor: Colors.blue, //... ); var color = myTheme.accentColor; ``` Code after migration: ```dart var myTheme = ThemeData( //... colorScheme: ColorScheme

define builders explicitly for the target platforms. Code before migration: ```dart MaterialApp( theme: ThemeData(colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple)), ) ``` Code after migration: ```dart MaterialApp( theme: ThemeData( pageTransitionsTheme

revert to the original default colors: Code before migration: ```dart final ColorScheme colors = ThemeData().colorScheme; ``` Code after migration: ```dart final ColorScheme colors = ThemeData().colorScheme.copyWith( onPrimaryContainer: const

PlatformsViewsService PlatformViewsService TextSelectionOverlay SelectionOverlay.fadeDuration TextSelectionOverlay.fadeDuration SelectionOverlay RenderEditable ScrollBehavior MaterialScrollBehavior ThemeData GlowingOverscrollIndicator StretchingOvercrollIndicator ThemeData.useMaterial3 StretchingOverscrollIndicator PaintingBinding ImageProvider DecoderCallback PaintingBinding.instantiateImageCodec PaintingBinding.instantiateImageCodecFromBuffer ImageProvider.load ImageProvider.loadBuffer DecoderBufferCallback TestWindow WidgetTester TestWidgetsFlutterBinding TestPlatformDispatcher

after the 3.19 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

color: Colors.red, elevation: 2.0, ) // AppBarThemeData constructor AppBarThemeData( color: Colors.green, elevation: 4.0, ) // AppBarThemeData copyWith themeData.copyWith( color: Colors.purple, elevation: 2.0, ) ``` Code after migration: ```dart // AppBarTheme constructor AppBarTheme( backgroundColor: Colors.blue, elevation

customize the alignment of tabs in a `TabBar`. When you set `TabBar.isScrollable` and `ThemeData.useMaterial3` to `true`, the tabs in a scrollable `TabBar` defaults to `TabAlignment.startOffset`. This aligns

ProgressIndicatorThemeData.year2023` property to `false` in your `MaterialApp`: ```dart highlightLines=2 return MaterialApp( theme: ThemeData(progressIndicatorTheme: const ProgressIndicatorThemeData(year2023: false)), // ... LinearProgressIndicator( year2023: false, value: 0.5, ), // ... ``` To opt into

like these for a more consistent theming experience in the material library. In `ThemeData`: - The type of the `cardTheme` property has been changed from `CardTheme` to `CardThemeData

migrated to `surfaceContainerHighest`. Code before migration: ```dart final ColorScheme colorScheme = ColorScheme(); MaterialApp( theme: ThemeData( //... colorScheme: colorScheme.copyWith( background: myColor1, onBackground: myColor2

support predictive back route transitions. Code before migration: ```dart return MaterialApp( theme: ThemeData( brightness: Brightness.light, // pageTransitionsTheme is the default. ), home: const MyFirstScreen(), ); ``` Code after migration

stable release have been removed. TextButton ElevatedButton OutlinedButton ButtonStyle TextButton.styleFrom ElevatedButton.styleFrom OutlinedButton.styleFrom ThemeData NavigatorState FocusScopeNode Navigator FocusScope WidgetsApp FocusNode FocusNode.enclosingScope PlatformMenuBar TextTheme WidgetInspectorService WidgetInspectorServiceExtensions

ElevatedButtonTheme OutlinedButtonTheme ButtonStyle ButtonStyleButton ElevatedButtonThemeData OutlinedButtonThemeData TextButtonThemeData Scaffold SnackBar ScaffoldMessenger MaterialApp RectangularSliderTrackShape.disabledThumbGapWidth RectangularSliderTrackShape ThemeData TextSelectionThemeData RenderEditable.onSelectionChanged TextSelectionDelegate.textEditingValue TextSelectionDelegate.userUpdateTextEditingValue TextInputFormatter

descendants that are affected by this `CupertinoTheme`. CupertinoThemeData.brightness MediaQuery.platformBrightness Brightness.light CupertinoTheme.brightnessOf CupertinoThemeData CupertinoTheme ThemeData

SliderThemeData.year2023` property to `false` in your `MaterialApp`: ```dart highlightLines=2 return MaterialApp( theme: ThemeData(sliderTheme: const SliderThemeData(year2023: false)), // ... Slider( value: _value, onChanged: (value) { setState(() { _value = value

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

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