Repository: flutter
Issue: Material 3 Color: `Card` and `ElevatedButtons` are not visible on `ModalBottomSheet` in dark and light mode
Labels: framework,f: material design,has reproducible steps,P2,team-design,triaged-design,found in release: 3.22,found in release: 3.24

### Steps to reproduce

1. Run app
2. Play with option to see colors in both material2/3 and with light/dark modes.

### Expected results

ElevatedButtons should be easily visible above Cards. I expected this behavior by default.
Cards should be easily visible above ModalBottomSheets.

From Material 3 guidelines : 

ElevatedButtons are easily visible above Cards 
https://m3.material.io/components/cards/specs#a012d40d-7a5c-4b07-8740-491dec79d58b

<img width="1048" alt="Capture d’écran 2024-07-25 à 17 04 13" src="https://github.com/user-attachments/assets/7b598891-22dd-497e-9bea-31729073018c">

Cards and ElevatedButton are easily visible above BottomSheets : 
https://m3.material.io/components/bottom-sheets/guidelines#36f26e35-0765-45a7-a0b8-f0c7c68a380c

<img width="421" alt="Capture d’écran 2024-07-25 à 17 07 08" src="https://github.com/user-attachments/assets/121d7e0a-4c6a-4056-abb1-82485c789169">


### Actual results

In Material 3, widgets have the same background colors...

ElevatedButtons are not really visible above Cards.
Cards are not really visible above ModalBottomSheets.

### Code sample

<details open><summary>Code sample</summary>

```dart
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool useMaterial3 = true;
  Brightness brightness = Brightness.light;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        brightness: brightness,
        useMaterial3: useMaterial3,
        colorScheme: ColorScheme.fromSeed(
          seedColor: Colors.blue,
          brightness: brightness,
        ),
      ),
      home: Home(
        useMaterial3: useMaterial3,
        brightness: brightness,
        onChange: (bool useMaterial3, Brightness brightness) {
          setState(() {
            this.useMaterial3 = useMaterial3;
            this.brightness = brightness;
          });
        },
      ),
    );
  }
}

class Home extends StatelessWidget {
  const Home({
    super.key,
    required this.useMaterial3,
    required this.brightness,
    required this.onChange,
  });

  final bool useMaterial3;
  final Brightness brightness;
  final void Function(bool useMaterial3, Brightness brightness) onChange;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Home'),
      ),
      body: Builder(builder: (context) {
        return Column(
          children: [
            CheckboxListTile(
              title: const Text("use Material3"),
              value: useMaterial3,
              onChanged: (useMaterial3) {
                onChange(useMaterial3 == true, brightness);
              },
            ),
            CheckboxListTile(
              title: const Text("Use Dark Mode"),
              value: brightness == Brightness.dark,
              onChanged: (useDarkMode) {
                onChange(useMaterial3, useDarkMode == true ? Brightness.dark : Brightness.light);
              },
            ),
            Expanded(
              child: Center(
                child: Card(
                  child: Padding(
                    padding: const EdgeInsets.all(32),
                    child: ElevatedButton(
                      onPressed: () {
                        showModalBottomSheet(
                          showDragHandle: true,
                          context: context,
                          builder: (context) => Center(
                            child: Card(
                              child: Padding(
                                padding: const EdgeInsets.all(32),
                                child: ElevatedButton(
                                  onPressed: () {},
                                  child: const Text("Test"),
                                ),
                              ),
                            ),
                          ),
                        );
                      },
                      child: const Text("Open bottom sheet"),
                    ),
                  ),
                ),
              ),
            ),
          ],
        );
      }),
    );
  }
}
```

</details>


### Screenshots or Video

<details open>
<summary>Screenshots / Video demonstration</summary>

Material 2 : Widgets shape easily visible

https://github.com/user-attachments/assets/5a2a7cb1-bd44-48ba-bb3a-d9842ec7d7e8

Material 3 : Widgets shape not easily visible

https://github.com/user-attachments/assets/b23c3d5a-1567-43cd-9dd5-856b492691c7

</details>


### Logs

<details open><summary>Logs</summary>

```console
[Paste your logs here]
```

</details>


### Flutter Doctor output

<details open><summary>Doctor output</summary>

```console
[✓] Flutter (Channel stable, 3.22.3, on macOS 14.5 23F79 darwin-arm64, locale fr-FR)
    • Flutter version 3.22.3 on channel stable at /Users/earminjon/fvm/versions/3.22.3
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision b0850beeb2 (8 days ago), 2024-07-16 21:43:41 -0700
    • Engine revision 235db911ba
    • Dart version 3.4.4
    • DevTools version 2.34.3

[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
    • Android SDK at /Users/earminjon/Library/Android/Sdk
    • Platform android-35, build-tools 35.0.0
    • ANDROID_HOME = /Users/earminjon/Library/Android/Sdk
    • Java binary at: /Users/earminjon/Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 17.0.10+0-17.0.10b1087.21-11609105)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 15.4)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 15F31d
    • CocoaPods version 1.14.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2024.1)
    • Android Studio at /Users/earminjon/Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 17.0.10+0-17.0.10b1087.21-11609105)

[✓] Android Studio (version 2023.2)
    • Android Studio at /Users/perso/Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 17.0.9+0-17.0.9b1087.7-11185874)

[✓] IntelliJ IDEA Ultimate Edition (version 2023.3.7)
    • IntelliJ at /Users/earminjon/Applications/IntelliJ IDEA Ultimate 2023.3.7.app
    • Flutter plugin version 80.0.1
    • Dart plugin version 233.15325.11

[✓] Connected device (4 available)
    • sdk gphone64 arm64 (mobile)     • emulator-5554         • android-arm64  • Android 14 (API 34) (emulator)
    • macOS (desktop)                 • macos                 • darwin-arm64   • macOS 14.5 23F79 darwin-arm64
    • Mac Designed for iPad (desktop) • mac-designed-for-ipad • darwin         • macOS 14.5 23F79 darwin-arm64

[✓] Network resources
    • All expected network resources are available.

• No issues found!
```

</details>