Flutter-Scaffold дает черный фон вместо моего собственного цвета

Question

я сделалAppThemeкласс следующим образом:

      class AppTheme {
  static const Color white = Colors.white,
      white2 = Color(0x00fefefe),
      grey1 = Color(0x00e5e5e5),
      grey2 = Color(0x006b718b),
      grey3 = Color(0x004b4a5a),
      grey4 = Color(0x00AFBEC4),
      black = Colors.black,
      purple = Color(0x007154b8);

  static const TextStyle s1 = TextStyle(
        color: AppTheme.black,
        fontSize: 16,
        fontWeight: FontWeight.w600,
        height: 2.4,
      ),
      s2 = TextStyle(
        color: AppTheme.black,
        fontSize: 14,
        fontWeight: FontWeight.w600,
        height: 2.1,
      ),
      s3 = TextStyle(
        color: AppTheme.grey3,
        fontSize: 12,
        height: 1.8,
        fontWeight: FontWeight.w500,
      ),
      s4 = TextStyle(
        fontSize: 10,
        color: AppTheme.purple,
        height: 1.5,
        fontWeight: FontWeight.w500,
      );

  static final ThemeData theme = ThemeData(
    fontFamily: 'Poppins',
    textTheme: const TextTheme(
      headlineMedium: s2,
      bodyLarge: s1,
      bodyMedium: s3,
      bodySmall: s4,
    ),
    scaffoldBackgroundColor: grey1,
    bottomAppBarColor: white,
  );
}

Затем я предоставилAppTheme.themeкMaterialAppдля темы. Однако всякий раз, когда я использую свои собственные цвета, например

      return Scaffold(
      backgroundColor: Theme.of(context).scaffoldBackgroundColor,

вместо моего обычного цвета я получаю полностью черный каркас. Даже при непосредственном использовании в качествеAppTheme.grey1Я получаю полностью черный скаффолд. Что я делаю не так и как это исправить?