Results for “Theme”

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 no longer uses

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

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

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

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

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

ThemeData` properties that controlled the look of selected text in Material widgets have been moved into their own `TextSelectionTheme`. These properties include `cursorColor`, `textSelectionColor`, and `textSelectionHandleColor`. The defaults

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

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

Removed Flutter's `FloatingActionButton` (FAB) dependency on `ThemeData` accent properties. Previously, the `accentIconTheme` provided a default for the `FloatingActionButton`'s `foregroundColor` property: This was a small part

basic material button widgets and themes have been added to Flutter. The original classes have been deprecated and will eventually be removed. The overall goal

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

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 ThemeData.brightness

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( //... secondary:Colors.blue

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

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

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: const

isDark, isLight, and isSystem getters to ThemeMode (Material, by @Turskyi). ThemeMode

Framework/Tool] Decouple preview theme imports (Framework, by @bkonyi

Update some comments to reflect theme normalization (Material, by @bleroux

Update some comments related to theme normalization (Material, by @bleroux

Update more comments related to theme normalization (Material, by @bleroux

Widget Preview ] Rework UI and theming (Tooling, by @bkonyi

Update several comments related to theme normalization (Material, by @bleroux

Update some BottomNavigationBar comments to reflect theme normalization (Material, by @bleroux). BottomNavigationBar

PopupMenu does not update when PopupMenuTheme in Theme changes. (Material, by @ksokolovskyi). PopupMenu PopupMenuTheme

tests for InputDecoration borders (M3 and theme normalization) (Material, by @bleroux). InputDecoration

a11y] Add support for high contrast themes in the a11y assessments app (Material, by @hannah

instance itself. ```dart diff enum Theme { light, dark } - final theme = describeEnum(Theme.light); + Theme.light.name; ``` Landed in version: TBD In stable release: TBD Enum String

dart menuButtonTheme: MenuButtonThemeData( style: MenuItemButton.styleFrom( /// ... ), ), ``` Code after migration: ```dart MenuItemButton( style: MenuItemButton.styleFrom( textStyle: Theme.of(context).textTheme.bodyLarge, ), child: Text(MenuEntry.about.label), onPressed: () => _activate(MenuEntry.about), ), ``` ```dart menuBut

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

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 Color(0xFF21005D

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

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

MaterialButtonWithIconMixin TextButton OutlinedButton ElevatedButton 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

life 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

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; }); }, ), // ... ``` Slider

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

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

that contains that location. They are used to detect mouse events and the theme of app bars. Code that is actively using this local position is probably

A `BuildContext` parameter was added to `TextEditingController.buildTextSpan`. With the `BuildContext` available, users

Android manifest file (`your_app/android/app/src/main/AndroidManifest.xml`). Generally, styles are denoted by `@style` and help theme your app. Modify these default styles in your manifest file: ```xml title="AndroidManifest.xml