title: Why tabs text are black in flutter tabs dark mode?
body: <p>Have a example project with tabs but the tabs text are black with dark gray background, i need chose manualy white text color for each theme or is automatic?</p>
  <p>The code:</p>
  <pre class="lang-dart prettyprint-override"><code>import 'package:flutter/material.dart';
  
  void main() {
      runApp(const MyApp());
  }
  
  class MyApp extends StatelessWidget {
  
      const MyApp({Key? key}) : super(key: key);
  
      @override
      Widget build(BuildContext context) {
          return MaterialApp(
              title: 'Demo',
              theme: ThemeData(
                  brightness: Brightness.light,
                  primaryColor: Colors.cyan,
                  primarySwatch: Colors.cyan
              ),
              darkTheme: ThemeData(
                  brightness: Brightness.dark,
                  primaryColor: Colors.cyan,
                  primarySwatch: Colors.cyan
              ),
              home: const MyHomePage(),
          );
      }
  }
  
  class MyHomePage extends StatefulWidget {
  
      // Options required
      const MyHomePage({ Key? key }) : super(key: key);
  
      @override
      State&lt;MyHomePage&gt; createState() =&gt; PageState();
  }
  
  class PageState extends State&lt;MyHomePage&gt; {
  
      int counter = 0;
  
      @override
      Widget build(BuildContext context) {
          return DefaultTabController(
              length: 2,
              child: Scaffold(
                  appBar: AppBar(
                      title: const Text('Demo'),
                      centerTitle: true,
                      bottom: const TabBar(
                          isScrollable: true,
                          tabs: [
                              Tab(child: Text('Tab 0')),
                              Tab(child: Text('Tab 1'))
                          ]
                      )
                  ),
                  body: TabBarView(
                      children: [
                          Scaffold(
                              body: Center(
                                  child: Column(
                                      mainAxisAlignment: MainAxisAlignment.center,
                                      children: &lt;Widget&gt; [
                                          const Text('You have pushed the button this many times:'),
                                          Text('${counter}', style: Theme.of(context).textTheme.headline4)
                                      ]
                                  )
                              ),
                              floatingActionButton: FloatingActionButton(
                                  onPressed: this.incrementCounter,
                                  tooltip: 'Increment',
                                  child: const Icon(Icons.add),
                              )
                          ),
                          Scaffold()
                      ]
                  )
              )
          );
      }
  
      void incrementCounter() {
          setState(() {
              this.counter++;
          });
      }
  }
  </code></pre>
  <p>The result:</p>
  <p><a href="https://i.stack.imgur.com/DTpgB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DTpgB.png" alt="enter image description here" /></a></p>