为DarkTheme更改AppBar阴影（高程）颜色

Question

我正在尝试更改darkTheme的appBar高程颜色。在浅色主题上，我不介意原始颜色，但对于深色，它甚至看起来都不像是一种颜色，因为会保留相同的深色。

任何想法我们如何只为深色主题更改颜色？

Answer 1

您可以创建明暗模式的主题，

//For dark mode
  ThemeData _buildDarkTheme() {
    final Color primaryColor = AppColors.themeColor;
    const Color secondaryColor = Color(0xffff5722);
    final ThemeData base = ThemeData(
      brightness: Brightness.dark,
      accentColorBrightness: Brightness.light,
      appBarTheme: AppBarTheme(
        elevation: 8,
        ....
      ),
    );
    return base;
  }

//For light mode,
  ThemeData _buildLightTheme() {
    const Color primaryColor = Color(0xFF008FD1);
    const Color secondaryColor = Color(0xffff5722);
    final ThemeData base = ThemeData(
      brightness: Brightness.light,
      accentColorBrightness: Brightness.dark,
    );
    return base;
  }
  final ThemeData kLightGalleryTheme = _buildLightTheme();
  final ThemeData kDarkGalleryTheme = _buildDarkTheme();

然后应用这样的主题，

  runApp(MaterialApp(
    theme: kLightGalleryTheme,
    darkTheme: kDarkGalleryTheme,
    debugShowCheckedModeBanner: false,
    title: 'Named Routes Demo',
  ));