| // Copyright 2015 The Chromium Authors. All rights reserved. |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| |
| import 'package:flutter/foundation.dart'; |
| import 'package:flutter/painting.dart'; |
| |
| import 'colors.dart'; |
| |
| /// Material design text theme. |
| /// |
| /// Definitions for the various typographical styles found in material design |
| /// (e.g., headline, caption). Rather than creating a [TextTheme] directly, |
| /// you can obtain an instance as [Typography.black] or [Typography.white]. |
| /// |
| /// To obtain the current text theme, call [Theme.of] with the current |
| /// [BuildContext] and read the [ThemeData.textTheme] property. |
| /// |
| /// The following image [from the material design |
| /// specification](https://material.io/guidelines/style/typography.html#typography-styles) |
| /// shows the recommended styles for each of the properties of a [TextTheme]. |
| /// This image uses the `Roboto` font, which is the font used on Android. On |
| /// iOS, the [San Francisco |
| /// font](https://developer.apple.com/ios/human-interface-guidelines/visual-design/typography/) |
| /// is automatically used instead. |
| /// |
| ///  |
| /// |
| /// See also: |
| /// |
| /// * [Typography], the class that generates [TextTheme]s appropriate for a platform. |
| /// * [Theme], for other aspects of a material design application that can be |
| /// globally adjusted, such as the color scheme. |
| /// * <http://material.google.com/style/typography.html> |
| @immutable |
| class TextTheme { |
| /// Creates a text theme that uses the given values. |
| /// |
| /// Rather than creating a new text theme, consider using [Typography.black] |
| /// or [Typography.white], which implement the typography styles in the |
| /// material design specification: |
| /// |
| /// <https://material.google.com/style/typography.html#typography-styles> |
| /// |
| /// If you do decide to create your own text theme, consider using one of |
| /// those predefined themes as a starting point for [copyWith] or [apply]. |
| const TextTheme({ |
| this.display4, |
| this.display3, |
| this.display2, |
| this.display1, |
| this.headline, |
| this.title, |
| this.subhead, |
| this.body2, |
| this.body1, |
| this.caption, |
| this.button, |
| }); |
| |
| /// Extremely large text. |
| /// |
| /// The font size is 112 pixels. |
| final TextStyle display4; |
| |
| /// Very, very large text. |
| /// |
| /// Used for the date in the dialog shown by [showDatePicker]. |
| final TextStyle display3; |
| |
| /// Very large text. |
| final TextStyle display2; |
| |
| /// Large text. |
| final TextStyle display1; |
| |
| /// Used for large text in dialogs (e.g., the month and year in the dialog |
| /// shown by [showDatePicker]). |
| final TextStyle headline; |
| |
| /// Used for the primary text in app bars and dialogs (e.g., [AppBar.title] |
| /// and [AlertDialog.title]). |
| final TextStyle title; |
| |
| /// Used for the primary text in lists (e.g., [ListTile.title]). |
| final TextStyle subhead; |
| |
| /// Used for emphasizing text that would otherwise be [body1]. |
| final TextStyle body2; |
| |
| /// Used for the default text style for [Material]. |
| final TextStyle body1; |
| |
| /// Used for auxiliary text associated with images. |
| final TextStyle caption; |
| |
| /// Used for text on [RaisedButton] and [FlatButton]. |
| final TextStyle button; |
| |
| /// Creates a copy of this text theme but with the given fields replaced with |
| /// the new values. |
| /// |
| /// Consider using [Typography.black] or [Typography.white], which implement |
| /// the typography styles in the material design specification, as a starting |
| /// point. |
| TextTheme copyWith({ |
| TextStyle display4, |
| TextStyle display3, |
| TextStyle display2, |
| TextStyle display1, |
| TextStyle headline, |
| TextStyle title, |
| TextStyle subhead, |
| TextStyle body2, |
| TextStyle body1, |
| TextStyle caption, |
| TextStyle button |
| }) { |
| return new TextTheme( |
| display4: display4 ?? this.display4, |
| display3: display3 ?? this.display3, |
| display2: display2 ?? this.display2, |
| display1: display1 ?? this.display1, |
| headline: headline ?? this.headline, |
| title: title ?? this.title, |
| subhead: subhead ?? this.subhead, |
| body2: body2 ?? this.body2, |
| body1: body1 ?? this.body1, |
| caption: caption ?? this.caption, |
| button: button ?? this.button, |
| ); |
| } |
| |
| /// Creates a new [TextTheme] where each text style from this object has been |
| /// merged with the matching text style from the `other` object. |
| /// |
| /// The merging is done by calling [TextStyle.merge] on each respective pair |
| /// of text styles from this and the [other] text themes and is subject to |
| /// the value of [TextStyle.inherit] flag. For more details, see the |
| /// documentation on [TextStyle.merge] and [TextStyle.inherit]. |
| /// |
| /// This is particularly useful if one [TextTheme] defines one set of |
| /// properties and another defines a different set, e.g. having colors defined |
| /// in one text theme and font sizes in another. |
| TextTheme merge(TextTheme other) { |
| if (other == null) |
| return this; |
| return copyWith( |
| display4: display4.merge(other.display4), |
| display3: display3.merge(other.display3), |
| display2: display2.merge(other.display2), |
| display1: display1.merge(other.display1), |
| headline: headline.merge(other.headline), |
| title: title.merge(other.title), |
| subhead: subhead.merge(other.subhead), |
| body2: body2.merge(other.body2), |
| body1: body1.merge(other.body1), |
| caption: caption.merge(other.caption), |
| button: button.merge(other.button), |
| ); |
| } |
| |
| /// Creates a copy of this text theme but with the given field replaced in |
| /// each of the individual text styles. |
| /// |
| /// The `displayColor` is applied to [display4], [display3], [display2], |
| /// [display1], and [caption]. The `bodyColor` is applied to the remaining |
| /// text styles. |
| /// |
| /// Consider using [Typography.black] or [Typography.white], which implement |
| /// the typography styles in the material design specification, as a starting |
| /// point. |
| TextTheme apply({ |
| String fontFamily, |
| double fontSizeFactor: 1.0, |
| double fontSizeDelta: 0.0, |
| Color displayColor, |
| Color bodyColor, |
| TextDecoration decoration, |
| Color decorationColor, |
| TextDecorationStyle decorationStyle, |
| }) { |
| return new TextTheme( |
| display4: display4.apply( |
| color: displayColor, |
| decoration: decoration, |
| decorationColor: decorationColor, |
| decorationStyle: decorationStyle, |
| fontFamily: fontFamily, |
| fontSizeFactor: fontSizeFactor, |
| fontSizeDelta: fontSizeDelta, |
| ), |
| display3: display3.apply( |
| color: displayColor, |
| decoration: decoration, |
| decorationColor: decorationColor, |
| decorationStyle: decorationStyle, |
| fontFamily: fontFamily, |
| fontSizeFactor: fontSizeFactor, |
| fontSizeDelta: fontSizeDelta, |
| ), |
| display2: display2.apply( |
| color: displayColor, |
| decoration: decoration, |
| decorationColor: decorationColor, |
| decorationStyle: decorationStyle, |
| fontFamily: fontFamily, |
| fontSizeFactor: fontSizeFactor, |
| fontSizeDelta: fontSizeDelta, |
| ), |
| display1: display1.apply( |
| color: displayColor, |
| decoration: decoration, |
| decorationColor: decorationColor, |
| decorationStyle: decorationStyle, |
| fontFamily: fontFamily, |
| fontSizeFactor: fontSizeFactor, |
| fontSizeDelta: fontSizeDelta, |
| ), |
| headline: headline.apply( |
| color: bodyColor, |
| decoration: decoration, |
| decorationColor: decorationColor, |
| decorationStyle: decorationStyle, |
| fontFamily: fontFamily, |
| fontSizeFactor: fontSizeFactor, |
| fontSizeDelta: fontSizeDelta, |
| ), |
| title: title.apply( |
| color: bodyColor, |
| decoration: decoration, |
| decorationColor: decorationColor, |
| decorationStyle: decorationStyle, |
| fontFamily: fontFamily, |
| fontSizeFactor: fontSizeFactor, |
| fontSizeDelta: fontSizeDelta, |
| ), |
| subhead: subhead.apply( |
| color: bodyColor, |
| decoration: decoration, |
| decorationColor: decorationColor, |
| decorationStyle: decorationStyle, |
| fontFamily: fontFamily, |
| fontSizeFactor: fontSizeFactor, |
| fontSizeDelta: fontSizeDelta, |
| ), |
| body2: body2.apply( |
| color: bodyColor, |
| decoration: decoration, |
| decorationColor: decorationColor, |
| decorationStyle: decorationStyle, |
| fontFamily: fontFamily, |
| fontSizeFactor: fontSizeFactor, |
| fontSizeDelta: fontSizeDelta, |
| ), |
| body1: body1.apply( |
| color: bodyColor, |
| decoration: decoration, |
| decorationColor: decorationColor, |
| decorationStyle: decorationStyle, |
| fontFamily: fontFamily, |
| fontSizeFactor: fontSizeFactor, |
| fontSizeDelta: fontSizeDelta, |
| ), |
| caption: caption.apply( |
| color: displayColor, |
| decoration: decoration, |
| decorationColor: decorationColor, |
| decorationStyle: decorationStyle, |
| fontFamily: fontFamily, |
| fontSizeFactor: fontSizeFactor, |
| fontSizeDelta: fontSizeDelta, |
| ), |
| button: button.apply( |
| color: bodyColor, |
| decoration: decoration, |
| decorationColor: decorationColor, |
| decorationStyle: decorationStyle, |
| fontFamily: fontFamily, |
| fontSizeFactor: fontSizeFactor, |
| fontSizeDelta: fontSizeDelta, |
| ), |
| ); |
| } |
| |
| /// Linearly interpolate between two text themes. |
| static TextTheme lerp(TextTheme begin, TextTheme end, double t) { |
| return new TextTheme( |
| display4: TextStyle.lerp(begin.display4, end.display4, t), |
| display3: TextStyle.lerp(begin.display3, end.display3, t), |
| display2: TextStyle.lerp(begin.display2, end.display2, t), |
| display1: TextStyle.lerp(begin.display1, end.display1, t), |
| headline: TextStyle.lerp(begin.headline, end.headline, t), |
| title: TextStyle.lerp(begin.title, end.title, t), |
| subhead: TextStyle.lerp(begin.subhead, end.subhead, t), |
| body2: TextStyle.lerp(begin.body2, end.body2, t), |
| body1: TextStyle.lerp(begin.body1, end.body1, t), |
| caption: TextStyle.lerp(begin.caption, end.caption, t), |
| button: TextStyle.lerp(begin.button, end.button, t), |
| ); |
| } |
| |
| @override |
| bool operator ==(dynamic other) { |
| if (identical(this, other)) |
| return true; |
| if (other.runtimeType != runtimeType) |
| return false; |
| final TextTheme typedOther = other; |
| return display4 == typedOther.display4 && |
| display3 == typedOther.display3 && |
| display2 == typedOther.display2 && |
| display1 == typedOther.display1 && |
| headline == typedOther.headline && |
| title == typedOther.title && |
| subhead == typedOther.subhead && |
| body2 == typedOther.body2 && |
| body1 == typedOther.body1 && |
| caption == typedOther.caption && |
| button == typedOther.button; |
| } |
| |
| @override |
| int get hashCode { |
| return hashValues( |
| display4, |
| display3, |
| display2, |
| display1, |
| headline, |
| title, |
| subhead, |
| body2, |
| body1, |
| caption, |
| button, |
| ); |
| } |
| } |
| |
| /// The two material design text themes. |
| /// |
| /// Material design defines two text themes: [black] and [white]. The black |
| /// text theme, which uses dark glyphs, is used on light backgrounds in light |
| /// themes. The white text theme, which uses light glyphs, is used in dark |
| /// themes and on dark backgrounds in light themes. |
| /// |
| /// To obtain the current text theme, call [Theme.of] with the current |
| /// [BuildContext] and read the [ThemeData.textTheme] property. |
| /// |
| /// See also: |
| /// |
| /// * [TextTheme], which shows what the text styles in a theme look like. |
| /// * [Theme], for other aspects of a material design application that can be |
| /// globally adjusted, such as the color scheme. |
| /// * <http://material.google.com/style/typography.html> |
| class Typography { |
| /// Creates the default typography for the specified platform. |
| factory Typography({ @required TargetPlatform platform }) { |
| assert(platform != null); |
| switch (platform) { |
| case TargetPlatform.android: |
| case TargetPlatform.fuchsia: |
| return const Typography._( |
| _MaterialTextColorThemes.blackMountainView, |
| _MaterialTextColorThemes.whiteMountainView, |
| ); |
| case TargetPlatform.iOS: |
| return const Typography._( |
| _MaterialTextColorThemes.blackCupertino, |
| _MaterialTextColorThemes.whiteCupertino, |
| ); |
| } |
| return null; |
| } |
| |
| const Typography._(this.black, this.white); |
| |
| /// A material design text theme with dark glyphs. |
| final TextTheme black; |
| |
| /// A material design text theme with light glyphs. |
| final TextTheme white; |
| } |
| |
| /// Provides default text theme colors compliant with the Material Design |
| /// specification. |
| /// |
| /// The geometric font properties are missing in these color themes. App are |
| /// expected to use [Theme.of] to get [TextTheme] objects fully populated with |
| /// font properties. |
| /// |
| /// See also: https://material.io/guidelines/style/typography.html |
| // TODO(yjbanov): implement font fallback (see "Font stack" at https://material.io/guidelines/style/typography.html) |
| class _MaterialTextColorThemes { |
| static const TextTheme blackMountainView = const TextTheme( |
| display4: const TextStyle(debugLabel: 'blackMountainView display4', fontFamily: 'Roboto', inherit: true, color: Colors.black54, decoration: TextDecoration.none), |
| display3: const TextStyle(debugLabel: 'blackMountainView display3', fontFamily: 'Roboto', inherit: true, color: Colors.black54, decoration: TextDecoration.none), |
| display2: const TextStyle(debugLabel: 'blackMountainView display2', fontFamily: 'Roboto', inherit: true, color: Colors.black54, decoration: TextDecoration.none), |
| display1: const TextStyle(debugLabel: 'blackMountainView display1', fontFamily: 'Roboto', inherit: true, color: Colors.black54, decoration: TextDecoration.none), |
| headline: const TextStyle(debugLabel: 'blackMountainView headline', fontFamily: 'Roboto', inherit: true, color: Colors.black87, decoration: TextDecoration.none), |
| title : const TextStyle(debugLabel: 'blackMountainView title', fontFamily: 'Roboto', inherit: true, color: Colors.black87, decoration: TextDecoration.none), |
| subhead : const TextStyle(debugLabel: 'blackMountainView subhead', fontFamily: 'Roboto', inherit: true, color: Colors.black87, decoration: TextDecoration.none), |
| body2 : const TextStyle(debugLabel: 'blackMountainView body2', fontFamily: 'Roboto', inherit: true, color: Colors.black87, decoration: TextDecoration.none), |
| body1 : const TextStyle(debugLabel: 'blackMountainView body1', fontFamily: 'Roboto', inherit: true, color: Colors.black87, decoration: TextDecoration.none), |
| caption : const TextStyle(debugLabel: 'blackMountainView caption', fontFamily: 'Roboto', inherit: true, color: Colors.black54, decoration: TextDecoration.none), |
| button : const TextStyle(debugLabel: 'blackMountainView button', fontFamily: 'Roboto', inherit: true, color: Colors.black87, decoration: TextDecoration.none), |
| ); |
| |
| static const TextTheme whiteMountainView = const TextTheme( |
| display4: const TextStyle(debugLabel: 'whiteMountainView display4', fontFamily: 'Roboto', inherit: true, color: Colors.white70, decoration: TextDecoration.none), |
| display3: const TextStyle(debugLabel: 'whiteMountainView display3', fontFamily: 'Roboto', inherit: true, color: Colors.white70, decoration: TextDecoration.none), |
| display2: const TextStyle(debugLabel: 'whiteMountainView display2', fontFamily: 'Roboto', inherit: true, color: Colors.white70, decoration: TextDecoration.none), |
| display1: const TextStyle(debugLabel: 'whiteMountainView display1', fontFamily: 'Roboto', inherit: true, color: Colors.white70, decoration: TextDecoration.none), |
| headline: const TextStyle(debugLabel: 'whiteMountainView headline', fontFamily: 'Roboto', inherit: true, color: Colors.white, decoration: TextDecoration.none), |
| title : const TextStyle(debugLabel: 'whiteMountainView title', fontFamily: 'Roboto', inherit: true, color: Colors.white, decoration: TextDecoration.none), |
| subhead : const TextStyle(debugLabel: 'whiteMountainView subhead', fontFamily: 'Roboto', inherit: true, color: Colors.white, decoration: TextDecoration.none), |
| body2 : const TextStyle(debugLabel: 'whiteMountainView body2', fontFamily: 'Roboto', inherit: true, color: Colors.white, decoration: TextDecoration.none), |
| body1 : const TextStyle(debugLabel: 'whiteMountainView body1', fontFamily: 'Roboto', inherit: true, color: Colors.white, decoration: TextDecoration.none), |
| caption : const TextStyle(debugLabel: 'whiteMountainView caption', fontFamily: 'Roboto', inherit: true, color: Colors.white70, decoration: TextDecoration.none), |
| button : const TextStyle(debugLabel: 'whiteMountainView button', fontFamily: 'Roboto', inherit: true, color: Colors.white, decoration: TextDecoration.none), |
| ); |
| |
| static const TextTheme blackCupertino = const TextTheme( |
| display4: const TextStyle(debugLabel: 'blackCupertino display4', fontFamily: '.SF UI Display', inherit: true, color: Colors.black54, decoration: TextDecoration.none), |
| display3: const TextStyle(debugLabel: 'blackCupertino display3', fontFamily: '.SF UI Display', inherit: true, color: Colors.black54, decoration: TextDecoration.none), |
| display2: const TextStyle(debugLabel: 'blackCupertino display2', fontFamily: '.SF UI Display', inherit: true, color: Colors.black54, decoration: TextDecoration.none), |
| display1: const TextStyle(debugLabel: 'blackCupertino display1', fontFamily: '.SF UI Display', inherit: true, color: Colors.black54, decoration: TextDecoration.none), |
| headline: const TextStyle(debugLabel: 'blackCupertino headline', fontFamily: '.SF UI Display', inherit: true, color: Colors.black87, decoration: TextDecoration.none), |
| title : const TextStyle(debugLabel: 'blackCupertino title', fontFamily: '.SF UI Display', inherit: true, color: Colors.black87, decoration: TextDecoration.none), |
| subhead : const TextStyle(debugLabel: 'blackCupertino subhead', fontFamily: '.SF UI Text', inherit: true, color: Colors.black87, decoration: TextDecoration.none), |
| body2 : const TextStyle(debugLabel: 'blackCupertino body2', fontFamily: '.SF UI Text', inherit: true, color: Colors.black87, decoration: TextDecoration.none), |
| body1 : const TextStyle(debugLabel: 'blackCupertino body1', fontFamily: '.SF UI Text', inherit: true, color: Colors.black87, decoration: TextDecoration.none), |
| caption : const TextStyle(debugLabel: 'blackCupertino caption', fontFamily: '.SF UI Text', inherit: true, color: Colors.black54, decoration: TextDecoration.none), |
| button : const TextStyle(debugLabel: 'blackCupertino button', fontFamily: '.SF UI Text', inherit: true, color: Colors.black87, decoration: TextDecoration.none), |
| ); |
| |
| static const TextTheme whiteCupertino = const TextTheme( |
| display4: const TextStyle(debugLabel: 'whiteCupertino display4', fontFamily: '.SF UI Display', inherit: true, color: Colors.white70, decoration: TextDecoration.none), |
| display3: const TextStyle(debugLabel: 'whiteCupertino display3', fontFamily: '.SF UI Display', inherit: true, color: Colors.white70, decoration: TextDecoration.none), |
| display2: const TextStyle(debugLabel: 'whiteCupertino display2', fontFamily: '.SF UI Display', inherit: true, color: Colors.white70, decoration: TextDecoration.none), |
| display1: const TextStyle(debugLabel: 'whiteCupertino display1', fontFamily: '.SF UI Display', inherit: true, color: Colors.white70, decoration: TextDecoration.none), |
| headline: const TextStyle(debugLabel: 'whiteCupertino headline', fontFamily: '.SF UI Display', inherit: true, color: Colors.white, decoration: TextDecoration.none), |
| title : const TextStyle(debugLabel: 'whiteCupertino title', fontFamily: '.SF UI Display', inherit: true, color: Colors.white, decoration: TextDecoration.none), |
| subhead : const TextStyle(debugLabel: 'whiteCupertino subhead', fontFamily: '.SF UI Text', inherit: true, color: Colors.white, decoration: TextDecoration.none), |
| body2 : const TextStyle(debugLabel: 'whiteCupertino body2', fontFamily: '.SF UI Text', inherit: true, color: Colors.white, decoration: TextDecoration.none), |
| body1 : const TextStyle(debugLabel: 'whiteCupertino body1', fontFamily: '.SF UI Text', inherit: true, color: Colors.white, decoration: TextDecoration.none), |
| caption : const TextStyle(debugLabel: 'whiteCupertino caption', fontFamily: '.SF UI Text', inherit: true, color: Colors.white70, decoration: TextDecoration.none), |
| button : const TextStyle(debugLabel: 'whiteCupertino button', fontFamily: '.SF UI Text', inherit: true, color: Colors.white, decoration: TextDecoration.none), |
| ); |
| } |
| |
| /// Defines text geometries for the three language categories defined in |
| /// https://material.io/guidelines/style/typography.html. |
| class MaterialTextGeometry { |
| /// The name of the English-like script category. |
| static const String englishLikeCategory = 'English-like'; |
| |
| /// The name of the dense script category. |
| static const String denseCategory = 'dense'; |
| |
| /// The name of the tall script category. |
| static const String tallCategory = 'tall'; |
| |
| /// The mapping from script category names to text themes. |
| static const Map<String, TextTheme> _categoryToTextTheme = const <String, TextTheme>{ |
| englishLikeCategory: englishLike, |
| denseCategory: dense, |
| tallCategory: tall, |
| }; |
| |
| /// Looks up text geometry corresponding to the given [scriptCategoryName]. |
| /// |
| /// Most apps would not call this method directly, but rather call [Theme.of] |
| /// and use the [TextTheme] fields of the returned [ThemeData] object. |
| /// |
| /// [scriptCategoryName] must be one of [englishLikeCategory], [denseCategory] |
| /// and [tallCategory]. |
| /// |
| /// See also: |
| /// |
| /// * [DefaultMaterialLocalizations.localTextGeometry], which uses this |
| /// method to look-up text geometry for the current locale. |
| static TextTheme forScriptCategory(String scriptCategoryName) => _categoryToTextTheme[scriptCategoryName]; |
| |
| /// Defines text geometry for English-like scripts, such as English, French, Russian, etc. |
| static const TextTheme englishLike = const TextTheme( |
| display4: const TextStyle(debugLabel: 'englishLike display4', inherit: false, fontSize: 112.0, fontWeight: FontWeight.w100, textBaseline: TextBaseline.alphabetic), |
| display3: const TextStyle(debugLabel: 'englishLike display3', inherit: false, fontSize: 56.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| display2: const TextStyle(debugLabel: 'englishLike display2', inherit: false, fontSize: 45.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| display1: const TextStyle(debugLabel: 'englishLike display1', inherit: false, fontSize: 34.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| headline: const TextStyle(debugLabel: 'englishLike headline', inherit: false, fontSize: 24.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| title : const TextStyle(debugLabel: 'englishLike title', inherit: false, fontSize: 20.0, fontWeight: FontWeight.w500, textBaseline: TextBaseline.alphabetic), |
| subhead : const TextStyle(debugLabel: 'englishLike subhead', inherit: false, fontSize: 16.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| body2 : const TextStyle(debugLabel: 'englishLike body2', inherit: false, fontSize: 14.0, fontWeight: FontWeight.w500, textBaseline: TextBaseline.alphabetic), |
| body1 : const TextStyle(debugLabel: 'englishLike body1', inherit: false, fontSize: 14.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| caption : const TextStyle(debugLabel: 'englishLike caption', inherit: false, fontSize: 12.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| button : const TextStyle(debugLabel: 'englishLike button', inherit: false, fontSize: 14.0, fontWeight: FontWeight.w500, textBaseline: TextBaseline.alphabetic), |
| ); |
| |
| /// Defines text geometry for dense scripts, such as Chinese, Japanese, Korean, etc. |
| static const TextTheme dense = const TextTheme( |
| display4: const TextStyle(debugLabel: 'dense display4', inherit: false, fontSize: 112.0, fontWeight: FontWeight.w100, textBaseline: TextBaseline.ideographic), |
| display3: const TextStyle(debugLabel: 'dense display3', inherit: false, fontSize: 56.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.ideographic), |
| display2: const TextStyle(debugLabel: 'dense display2', inherit: false, fontSize: 45.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.ideographic), |
| display1: const TextStyle(debugLabel: 'dense display1', inherit: false, fontSize: 34.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.ideographic), |
| headline: const TextStyle(debugLabel: 'dense headline', inherit: false, fontSize: 24.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.ideographic), |
| title : const TextStyle(debugLabel: 'dense title', inherit: false, fontSize: 21.0, fontWeight: FontWeight.w500, textBaseline: TextBaseline.ideographic), |
| subhead : const TextStyle(debugLabel: 'dense subhead', inherit: false, fontSize: 17.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.ideographic), |
| body2 : const TextStyle(debugLabel: 'dense body2', inherit: false, fontSize: 15.0, fontWeight: FontWeight.w500, textBaseline: TextBaseline.ideographic), |
| body1 : const TextStyle(debugLabel: 'dense body1', inherit: false, fontSize: 15.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.ideographic), |
| caption : const TextStyle(debugLabel: 'dense caption', inherit: false, fontSize: 13.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.ideographic), |
| button : const TextStyle(debugLabel: 'dense button', inherit: false, fontSize: 15.0, fontWeight: FontWeight.w500, textBaseline: TextBaseline.ideographic), |
| ); |
| |
| /// Defines text geometry for tall scripts, such as Farsi, Hindi, Thai, etc. |
| static const TextTheme tall = const TextTheme( |
| display4: const TextStyle(debugLabel: 'tall display4', inherit: false, fontSize: 112.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| display3: const TextStyle(debugLabel: 'tall display3', inherit: false, fontSize: 56.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| display2: const TextStyle(debugLabel: 'tall display2', inherit: false, fontSize: 45.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| display1: const TextStyle(debugLabel: 'tall display1', inherit: false, fontSize: 34.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| headline: const TextStyle(debugLabel: 'tall headline', inherit: false, fontSize: 24.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| title : const TextStyle(debugLabel: 'tall title', inherit: false, fontSize: 21.0, fontWeight: FontWeight.w700, textBaseline: TextBaseline.alphabetic), |
| subhead : const TextStyle(debugLabel: 'tall subhead', inherit: false, fontSize: 17.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| body2 : const TextStyle(debugLabel: 'tall body2', inherit: false, fontSize: 15.0, fontWeight: FontWeight.w700, textBaseline: TextBaseline.alphabetic), |
| body1 : const TextStyle(debugLabel: 'tall body1', inherit: false, fontSize: 15.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| caption : const TextStyle(debugLabel: 'tall caption', inherit: false, fontSize: 13.0, fontWeight: FontWeight.w400, textBaseline: TextBaseline.alphabetic), |
| button : const TextStyle(debugLabel: 'tall button', inherit: false, fontSize: 15.0, fontWeight: FontWeight.w700, textBaseline: TextBaseline.alphabetic), |
| ); |
| } |
