AppThemeData.dark constructor

AppThemeData.dark({ Color primary = Colors.blue, Color secondary = Colors.cyan, Color tertiary = Colors.lightBlue, Color primaryContainer = Colors.blueAccent, Color secondaryContainer = Colors.cyanAccent, Color tertiaryContainer = Colors.lightBlueAccent, Color disabled = Colors.grey, Color weak = Colors.grey, Color outline = Colors.grey, Color? outlineVariant, Color error = Colors.red, Color warning = Colors.amber, Color info = Colors.blue, Color success = Colors.green, Color? surface, Color? surfaceVariant, Color? background, Color onPrimary = kWhiteColor, Color onSecondary = kWhiteColor, Color onTertiary = kWhiteColor, Color onPrimaryContainer = kWhiteColor, Color onSecondaryContainer = kWhiteColor, Color onTertiaryContainer = kWhiteColor, Color onDisabled = kWhiteColor, Color? onSurface, Color? onSurfaceVariant, Color? onBackground, Color onWeak = kWhiteColor, Color onError = kWhiteColor, Color onInfo = kWhiteColor, Color onSuccess = kWhiteColor, Color onWarning = kWhiteColor, Color splashColor = kSplashColor, Color shadow = Colors.black, Color? appBarColor, Color? onAppBarColor, Color? onExpandedAppBarColor, Color? scaffoldBackgroundColor, Color? dialogColor, Color? onDialogColor, Color? inversePrimary, Color? inverseSecondary, Color? inverseTertiary, Color? inversePrimaryContainer, Color? inverseSecondaryContainer, Color? inverseTertiaryContainer, Color? inverseDisabled, Color? inverseWeak, Color? inverseOutline, Color? inverseError, Color? inverseWarning, Color? inverseInfo, Color? inverseSuccess, Color? inverseSurface, Color? inverseBackground, Color? onInversePrimary, Color? onInverseSecondary, Color? onInverseTertiary, Color? onInversePrimaryContainer, Color? onInverseSecondaryContainer, Color? onInverseTertiaryContainer, Color? onInverseDisabled, Color? onInverseSurface, Color? onInverseBackground, Color? onInverseWeak, Color? onInverseError, Color? onInverseInfo, Color? onInverseSuccess, Color? onInverseWarning, Color? inverseSplashColor, Color? inverseShadow, Color? inverseAppBarColor, Color? onInverseAppBarColor, Color? onInverseExpandedAppBarColor, Color? inverseScaffoldBackgroundColor, Color? inverseDialogColor, Color? onInverseDialogColor, ThemeMode themeMode = ThemeMode.system, TextStyle displayLarge = const TextStyle(fontSize: 57, fontWeight: FontWeight.w400, leadingDistribution: TextLeadingDistribution.even), TextStyle displayMedium = const TextStyle(fontSize: 45, fontWeight: FontWeight.w400, leadingDistribution: TextLeadingDistribution.even), TextStyle displaySmall = const TextStyle(fontSize: 36, fontWeight: FontWeight.w400, leadingDistribution: TextLeadingDistribution.even), TextStyle headlineLarge = const TextStyle(fontSize: 32, fontWeight: FontWeight.w400, height: 1.25, leadingDistribution: TextLeadingDistribution.proportional), TextStyle headlineMedium = const TextStyle(fontSize: 28, fontWeight: FontWeight.w400, height: 1.29, leadingDistribution: TextLeadingDistribution.proportional), TextStyle headlineSmall = const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, height: 1.33, leadingDistribution: TextLeadingDistribution.proportional), TextStyle titleLarge = const TextStyle(fontSize: 22, fontWeight: FontWeight.w500, leadingDistribution: TextLeadingDistribution.even), TextStyle titleMedium = const TextStyle(fontSize: 16, fontWeight: FontWeight.w500, leadingDistribution: TextLeadingDistribution.even), TextStyle titleSmall = const TextStyle(fontSize: 14, fontWeight: FontWeight.w500, leadingDistribution: TextLeadingDistribution.even), TextStyle bodyLarge = const TextStyle(fontSize: 16, fontWeight: FontWeight.w400, leadingDistribution: TextLeadingDistribution.even), TextStyle bodyMedium = const TextStyle(fontSize: 14, fontWeight: FontWeight.w400, leadingDistribution: TextLeadingDistribution.even), TextStyle bodySmall = const TextStyle(fontSize: 12, fontWeight: FontWeight.w400, leadingDistribution: TextLeadingDistribution.even), TextStyle labelLarge = const TextStyle(fontSize: 14, fontWeight: FontWeight.w500, leadingDistribution: TextLeadingDistribution.even), TextStyle labelMedium = const TextStyle(fontSize: 12, fontWeight: FontWeight.w500, leadingDistribution: TextLeadingDistribution.even), TextStyle labelSmall = const TextStyle(fontSize: 11, fontWeight: FontWeight.w500, leadingDistribution: TextLeadingDistribution.even), double fontSizeFactor = 1.0, double fontSizeDelta = 0.0, String? defaultFontFamily, bool useMaterial3 = true, TargetPlatform platform = TargetPlatform.iOS, bool? centerTitleOnAppBar, Brightness? statusBarBrightnessOnIOS, Brightness? statusBarBrightnessOnAndroid, bool fixed = false, })

The dark theme defines the initial color.

ダークテーマで初期色を定義しています。

Set the theme of the application.

ColorScheme and TextTheme of MaterialDesign3 can be specified.

You can use context.theme to get this value, or you can pass ThemeData converted by toThemeData to MaterialApp and other widgets in Flutter.

ColorScheme can be obtained by color. TextTheme can be obtained by text. widget allows you to retrieve the theme used for the widget. In asset, you can get the assets of the application specified in pubspec.yaml. You can get the font of the app specified in pubspec.yaml at font.

You can also set up your own theme by extending ColorThemeData, TextThemeData, WidgetThemeData, AssetThemeData, and FontThemeData with extensions, respectively.

アプリのテーマを設定します。

MaterialDesign3のColorSchemeとTextThemeを指定することが可能です。

context.themeでこの値を取得できる様になっている他、MaterialApp等にtoThemeDataで変換したThemeDataを渡すことでFlutter内の各種ウィジェットに伝えることができます。

colorでColorSchemeを取得することができます。textでTextThemeを取得することができます。widgetでウィジェットで使うテーマを取得することができます。assetでpubspec.yamlで指定したアプリのアセットを取得することができます。fontでpubspec.yamlで指定したアプリのフォントを取得することができます。

またそれぞれColorThemeData、TextThemeData、WidgetThemeData、AssetThemeData、FontThemeDataをエクステンションで拡張することにより独自のテーマを設定することも可能です。

See also:

• https://m3.material.io/styles/color/the-color-system/color-roles
• https://m3.material.io/styles/typography/type-scale-tokens

Implementation

AppThemeData.dark({
  Color primary = Colors.blue,
  Color secondary = Colors.cyan,
  Color tertiary = Colors.lightBlue,
  Color primaryContainer = Colors.blueAccent,
  Color secondaryContainer = Colors.cyanAccent,
  Color tertiaryContainer = Colors.lightBlueAccent,
  Color disabled = Colors.grey,
  Color weak = Colors.grey,
  Color outline = Colors.grey,
  Color? outlineVariant,
  Color error = Colors.red,
  Color warning = Colors.amber,
  Color info = Colors.blue,
  Color success = Colors.green,
  Color? surface,
  Color? surfaceVariant,
  Color? background,
  Color onPrimary = kWhiteColor,
  Color onSecondary = kWhiteColor,
  Color onTertiary = kWhiteColor,
  Color onPrimaryContainer = kWhiteColor,
  Color onSecondaryContainer = kWhiteColor,
  Color onTertiaryContainer = kWhiteColor,
  Color onDisabled = kWhiteColor,
  Color? onSurface,
  Color? onSurfaceVariant,
  Color? onBackground,
  Color onWeak = kWhiteColor,
  Color onError = kWhiteColor,
  Color onInfo = kWhiteColor,
  Color onSuccess = kWhiteColor,
  Color onWarning = kWhiteColor,
  Color splashColor = kSplashColor,
  Color shadow = Colors.black,
  Color? appBarColor,
  Color? onAppBarColor,
  Color? onExpandedAppBarColor,
  Color? scaffoldBackgroundColor,
  Color? dialogColor,
  Color? onDialogColor,
  Color? inversePrimary,
  Color? inverseSecondary,
  Color? inverseTertiary,
  Color? inversePrimaryContainer,
  Color? inverseSecondaryContainer,
  Color? inverseTertiaryContainer,
  Color? inverseDisabled,
  Color? inverseWeak,
  Color? inverseOutline,
  Color? inverseError,
  Color? inverseWarning,
  Color? inverseInfo,
  Color? inverseSuccess,
  Color? inverseSurface,
  Color? inverseBackground,
  Color? onInversePrimary,
  Color? onInverseSecondary,
  Color? onInverseTertiary,
  Color? onInversePrimaryContainer,
  Color? onInverseSecondaryContainer,
  Color? onInverseTertiaryContainer,
  Color? onInverseDisabled,
  Color? onInverseSurface,
  Color? onInverseBackground,
  Color? onInverseWeak,
  Color? onInverseError,
  Color? onInverseInfo,
  Color? onInverseSuccess,
  Color? onInverseWarning,
  Color? inverseSplashColor,
  Color? inverseShadow,
  Color? inverseAppBarColor,
  Color? onInverseAppBarColor,
  Color? onInverseExpandedAppBarColor,
  Color? inverseScaffoldBackgroundColor,
  Color? inverseDialogColor,
  Color? onInverseDialogColor,
  ThemeMode themeMode = ThemeMode.system,
  TextStyle displayLarge = const TextStyle(
    fontSize: 57,
    fontWeight: FontWeight.w400,
    leadingDistribution: TextLeadingDistribution.even,
  ),
  TextStyle displayMedium = const TextStyle(
    fontSize: 45,
    fontWeight: FontWeight.w400,
    leadingDistribution: TextLeadingDistribution.even,
  ),
  TextStyle displaySmall = const TextStyle(
    fontSize: 36,
    fontWeight: FontWeight.w400,
    leadingDistribution: TextLeadingDistribution.even,
  ),
  TextStyle headlineLarge = const TextStyle(
    fontSize: 32,
    fontWeight: FontWeight.w400,
    height: 1.25,
    leadingDistribution: TextLeadingDistribution.proportional,
  ),
  TextStyle headlineMedium = const TextStyle(
    fontSize: 28,
    fontWeight: FontWeight.w400,
    height: 1.29,
    leadingDistribution: TextLeadingDistribution.proportional,
  ),
  TextStyle headlineSmall = const TextStyle(
    fontSize: 24,
    fontWeight: FontWeight.w400,
    height: 1.33,
    leadingDistribution: TextLeadingDistribution.proportional,
  ),
  TextStyle titleLarge = const TextStyle(
    fontSize: 22,
    fontWeight: FontWeight.w500,
    leadingDistribution: TextLeadingDistribution.even,
  ),
  TextStyle titleMedium = const TextStyle(
    fontSize: 16,
    fontWeight: FontWeight.w500,
    leadingDistribution: TextLeadingDistribution.even,
  ),
  TextStyle titleSmall = const TextStyle(
    fontSize: 14,
    fontWeight: FontWeight.w500,
    leadingDistribution: TextLeadingDistribution.even,
  ),
  TextStyle bodyLarge = const TextStyle(
    fontSize: 16,
    fontWeight: FontWeight.w400,
    leadingDistribution: TextLeadingDistribution.even,
  ),
  TextStyle bodyMedium = const TextStyle(
    fontSize: 14,
    fontWeight: FontWeight.w400,
    leadingDistribution: TextLeadingDistribution.even,
  ),
  TextStyle bodySmall = const TextStyle(
    fontSize: 12,
    fontWeight: FontWeight.w400,
    leadingDistribution: TextLeadingDistribution.even,
  ),
  TextStyle labelLarge = const TextStyle(
    fontSize: 14,
    fontWeight: FontWeight.w500,
    leadingDistribution: TextLeadingDistribution.even,
  ),
  TextStyle labelMedium = const TextStyle(
    fontSize: 12,
    fontWeight: FontWeight.w500,
    leadingDistribution: TextLeadingDistribution.even,
  ),
  TextStyle labelSmall = const TextStyle(
    fontSize: 11,
    fontWeight: FontWeight.w500,
    leadingDistribution: TextLeadingDistribution.even,
  ),
  double fontSizeFactor = 1.0,
  double fontSizeDelta = 0.0,
  String? defaultFontFamily,
  bool useMaterial3 = true,
  TargetPlatform platform = TargetPlatform.iOS,
  bool? centerTitleOnAppBar,
  Brightness? statusBarBrightnessOnIOS,
  Brightness? statusBarBrightnessOnAndroid,
  bool fixed = false,
}) : this(
        primary: primary,
        secondary: secondary,
        tertiary: tertiary,
        primaryContainer: primaryContainer,
        secondaryContainer: secondaryContainer,
        tertiaryContainer: tertiaryContainer,
        disabled: disabled,
        weak: weak,
        outline: outline,
        outlineVariant: outlineVariant,
        error: error,
        warning: warning,
        info: info,
        success: success,
        surface: surface,
        surfaceVariant: surfaceVariant,
        background: background,
        onPrimary: onPrimary,
        onSecondary: onSecondary,
        onTertiary: onTertiary,
        onPrimaryContainer: onPrimaryContainer,
        onSecondaryContainer: onSecondaryContainer,
        onTertiaryContainer: onTertiaryContainer,
        onDisabled: onDisabled,
        onSurface: onSurface,
        onSurfaceVariant: onSurfaceVariant,
        onBackground: onBackground,
        onWeak: onWeak,
        onError: onError,
        onInfo: onInfo,
        onSuccess: onSuccess,
        onWarning: onWarning,
        splashColor: splashColor,
        shadow: shadow,
        appBarColor: appBarColor,
        onAppBarColor: onAppBarColor,
        onExpandedAppBarColor: onExpandedAppBarColor,
        scaffoldBackgroundColor: scaffoldBackgroundColor,
        dialogColor: dialogColor,
        onDialogColor: onDialogColor,
        inversePrimary: inversePrimary,
        inverseSecondary: inverseSecondary,
        inverseTertiary: inverseTertiary,
        inversePrimaryContainer: inversePrimaryContainer,
        inverseSecondaryContainer: inverseSecondaryContainer,
        inverseTertiaryContainer: inverseTertiaryContainer,
        inverseDisabled: inverseDisabled,
        inverseWeak: inverseWeak,
        inverseOutline: inverseOutline,
        inverseError: inverseError,
        inverseWarning: inverseWarning,
        inverseInfo: inverseInfo,
        inverseSuccess: inverseSuccess,
        inverseSurface: inverseSurface,
        inverseBackground: inverseBackground,
        onInversePrimary: onInversePrimary,
        onInverseSecondary: onInverseSecondary,
        onInverseTertiary: onInverseTertiary,
        onInversePrimaryContainer: onInversePrimaryContainer,
        onInverseSecondaryContainer: onInverseSecondaryContainer,
        onInverseTertiaryContainer: onInverseTertiaryContainer,
        onInverseDisabled: onInverseDisabled,
        onInverseSurface: onInverseSurface,
        onInverseBackground: onInverseBackground,
        onInverseWeak: onInverseWeak,
        onInverseError: onInverseError,
        onInverseInfo: onInverseInfo,
        onInverseSuccess: onInverseSuccess,
        onInverseWarning: onInverseWarning,
        inverseSplashColor: inverseSplashColor,
        inverseShadow: inverseShadow,
        inverseAppBarColor: inverseAppBarColor,
        onInverseAppBarColor: onInverseAppBarColor,
        onInverseExpandedAppBarColor: onInverseExpandedAppBarColor,
        inverseScaffoldBackgroundColor: inverseScaffoldBackgroundColor,
        inverseDialogColor: inverseDialogColor,
        onInverseDialogColor: onInverseDialogColor,
        displayLarge: displayLarge,
        displayMedium: displayMedium,
        displaySmall: displaySmall,
        headlineLarge: headlineLarge,
        headlineMedium: headlineMedium,
        headlineSmall: headlineSmall,
        titleLarge: titleLarge,
        titleMedium: titleMedium,
        titleSmall: titleSmall,
        bodyLarge: bodyLarge,
        bodyMedium: bodyMedium,
        bodySmall: bodySmall,
        labelLarge: labelLarge,
        labelMedium: labelMedium,
        labelSmall: labelSmall,
        fontSizeFactor: fontSizeFactor,
        fontSizeDelta: fontSizeDelta,
        defaultFontFamily: defaultFontFamily,
        useMaterial3: useMaterial3,
        platform: platform,
        centerTitleOnAppBar: centerTitleOnAppBar,
        brightness: Brightness.dark,
        fixed: fixed,
        statusBarBrightnessOnIOS: statusBarBrightnessOnIOS,
        statusBarBrightnessOnAndroid: statusBarBrightnessOnAndroid,
        themeMode: themeMode,
      );