title: How to use Flutter AppTheme TextTheme without overriding automatic text color
body: <p>When I use the text theme from my app, <code>Theme.of(context).textTheme.subhead</code>
  The text is updated with the proper size and weight, but the color is also always black. 
  How do I use the defined text theme, while still allowing the color to change automatically (eg: from black to white, when placed on a dark button?</p>
  
  <p>My app theme is using the default text theme, (minus a couple weight changes)</p>
  
  <p>I have looked around, and I think I am using it  properly, but I am not certain.</p>
  
  <pre class="lang-dart prettyprint-override"><code>
  TextTheme _customizeTextTheme(TextTheme base) {
    return base.copyWith(
      title: base.title.copyWith(
        fontWeight: FontWeight.bold,
      ),
      body2: base.body2.copyWith(
        fontWeight: FontWeight.bold,
      ),
    );
  }
  
  ThemeData _buildLightTheme() {
    const Color primaryColor = Colors.white;
    const Color secondaryColor = Colors.red;
    final ColorScheme colorScheme = const ColorScheme.light().copyWith(
      primary: primaryColor,
      secondary: secondaryColor,
    );
    final ColorScheme buttonColorScheme = const ColorScheme.light().copyWith(
      primary: secondaryColor,
      secondary: primaryColor,
    );
    final ThemeData base = ThemeData(
  //    typography: Typography(
  //      englishLike: Typography.englishLike2018,
  //      dense: Typography.dense2018,
  //      tall: Typography.tall2018,
  //    ), //This is for another stackOverflowQuestion.  I can't get this to do anything
      fontFamily: 'Avenir',
      brightness: Brightness.light,
      accentColorBrightness: Brightness.dark,
      colorScheme: colorScheme,
      primaryColor: primaryColor,
      buttonColor: primaryColor,
      indicatorColor: Colors.white,
      toggleableActiveColor: const Color(0xFF1E88E5),
      splashColor: Colors.white24,
      splashFactory: InkRipple.splashFactory,
      accentColor: secondaryColor,
      errorColor: const Color(0xFFB00020),
      disabledColor: Colors.grey,
      hintColor: ServerColors.greenAccent,
      buttonTheme: ButtonThemeData(
        colorScheme: buttonColorScheme,
        textTheme: ButtonTextTheme.primary,
      ),
    );
    return base.copyWith(
      textTheme: _customizeTextTheme(base.textTheme),
      primaryTextTheme: _customizeTextTheme(base.primaryTextTheme),
      accentTextTheme: _customizeTextTheme(base.accentTextTheme),
    );
  }
  </code></pre>
  
  <p>and when I build my app:</p>
  
  <pre><code>class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
          theme: ServerThemes.lightTheme,
          initialRoute: Routes.home,
          routes: {
            Routes.home: (context) =&gt; AppHomePage(),
          },
          onUnknownRoute: (settings) =&gt; MaterialPageRoute(
              builder: (context) =&gt; UndefinedRoute(
                    badPathName: settings.name,
                  )),
        ),
      );
    }
  }
  
  </code></pre>
  
  <p>and when I use it:</p>
  
  <pre><code>FloatingActionButton.extended(
          onPressed: () {},
          label: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Text(
                  "View Cart",
                  style: Theme.of(context).textTheme.title, // &lt;---- RIGHT HERE
                ),
          ),
          icon: Icon(Icons.shopping_cart),
        ),
  </code></pre>
  
  <p>Currently the FAB is Red, and without styling it, the Text is white as expected. but when I add the styling line, the text goes black.</p>
  
  <p>I would imagine that there is a way to use the textTheme without disabling the auto color adjust.?</p>