samples/experimental/linting_tool/lib/theme/app_theme.dart

// Copyright 2021 The Flutter team. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:flutter/material.dart';
import 'package:flutter_markdown/flutter_markdown.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:linting_tool/theme/colors.dart';

abstract class AppTheme {
  static ThemeData buildReplyLightTheme(BuildContext context) {
    final base = ThemeData.light(useMaterial3: true);
    return base.copyWith(
      bottomSheetTheme: BottomSheetThemeData(
        backgroundColor: AppColors.blue700,
        modalBackgroundColor: Colors.white.withOpacity(0.7),
      ),
      navigationRailTheme: NavigationRailThemeData(
        backgroundColor: AppColors.blue700,
        selectedIconTheme: const IconThemeData(
          color: AppColors.orange500,
        ),
        selectedLabelTextStyle:
            GoogleFonts.workSansTextTheme().headlineSmall!.copyWith(
                  color: AppColors.orange500,
                ),
        unselectedIconTheme: const IconThemeData(
          color: AppColors.blue200,
        ),
        unselectedLabelTextStyle:
            GoogleFonts.workSansTextTheme().headlineSmall!.copyWith(
                  color: AppColors.blue200,
                ),
      ),
      canvasColor: AppColors.white50,
      cardColor: AppColors.white50,
      chipTheme: _buildChipTheme(
        AppColors.blue700,
        AppColors.lightChipBackground,
        Brightness.light,
      ),
      colorScheme: ColorScheme.fromSwatch(
        primarySwatch: Colors.blueGrey,
      ),
      textTheme: _buildReplyLightTextTheme(base.textTheme),
      scaffoldBackgroundColor: AppColors.blue50,
      bottomAppBarTheme: const BottomAppBarTheme(color: AppColors.blue700),
    );
  }

  static ThemeData buildReplyDarkTheme(BuildContext context) {
    final base = ThemeData.dark();
    return base.copyWith(
      bottomSheetTheme: BottomSheetThemeData(
        backgroundColor: AppColors.darkDrawerBackground,
        modalBackgroundColor: Colors.black.withOpacity(0.7),
      ),
      navigationRailTheme: NavigationRailThemeData(
        backgroundColor: AppColors.darkBottomAppBarBackground,
        selectedIconTheme: const IconThemeData(
          color: AppColors.orange300,
        ),
        selectedLabelTextStyle:
            GoogleFonts.workSansTextTheme().headlineSmall!.copyWith(
                  color: AppColors.orange300,
                ),
        unselectedIconTheme: const IconThemeData(
          color: AppColors.greyLabel,
        ),
        unselectedLabelTextStyle:
            GoogleFonts.workSansTextTheme().headlineSmall!.copyWith(
                  color: AppColors.greyLabel,
                ),
      ),
      canvasColor: AppColors.black900,
      cardColor: AppColors.darkCardBackground,
      chipTheme: _buildChipTheme(
        AppColors.blue200,
        AppColors.darkChipBackground,
        Brightness.dark,
      ),
      colorScheme: const ColorScheme.dark(
        primary: AppColors.blue200,
        secondary: AppColors.orange300,
        surface: AppColors.black800,
        error: AppColors.red200,
        onPrimary: AppColors.black900,
        onSecondary: AppColors.black900,
        onBackground: AppColors.white50,
        onSurface: AppColors.white50,
        onError: AppColors.black900,
        background: AppColors.black900Alpha087,
      ),
      textTheme: _buildReplyDarkTextTheme(base.textTheme),
      scaffoldBackgroundColor: AppColors.black900,
      bottomAppBarTheme:
          const BottomAppBarTheme(color: AppColors.darkBottomAppBarBackground),
    );
  }

  static ChipThemeData _buildChipTheme(
    Color primaryColor,
    Color chipBackground,
    Brightness brightness,
  ) {
    return ChipThemeData(
      backgroundColor: primaryColor.withOpacity(0.12),
      disabledColor: primaryColor.withOpacity(0.87),
      selectedColor: primaryColor.withOpacity(0.05),
      secondarySelectedColor: chipBackground,
      padding: const EdgeInsets.all(4),
      shape: const StadiumBorder(),
      labelStyle: GoogleFonts.workSansTextTheme().bodyMedium!.copyWith(
            color: brightness == Brightness.dark
                ? AppColors.white50
                : AppColors.black900,
          ),
      secondaryLabelStyle: GoogleFonts.workSansTextTheme().bodyMedium!,
      brightness: brightness,
    );
  }

  static TextTheme _buildReplyLightTextTheme(TextTheme base) {
    return base.copyWith(
      headlineMedium: GoogleFonts.workSans(
        fontWeight: FontWeight.w600,
        fontSize: 34,
        letterSpacing: 0.4,
        height: 0.9,
        color: AppColors.black900,
      ),
      headlineSmall: GoogleFonts.workSans(
        fontWeight: FontWeight.bold,
        fontSize: 24,
        letterSpacing: 0.27,
        color: AppColors.black900,
      ),
      titleLarge: GoogleFonts.workSans(
        fontWeight: FontWeight.w600,
        fontSize: 20,
        letterSpacing: 0.18,
        color: AppColors.black900,
      ),
      titleSmall: GoogleFonts.workSans(
        fontWeight: FontWeight.w600,
        fontSize: 14,
        letterSpacing: -0.04,
        color: AppColors.black900,
      ),
      bodyLarge: GoogleFonts.workSans(
        fontWeight: FontWeight.normal,
        fontSize: 18,
        letterSpacing: 0.2,
        color: AppColors.black900,
      ),
      bodyMedium: GoogleFonts.workSans(
        fontWeight: FontWeight.normal,
        fontSize: 14,
        letterSpacing: -0.05,
        color: AppColors.black900,
      ),
      bodySmall: GoogleFonts.workSans(
        fontWeight: FontWeight.normal,
        fontSize: 12,
        letterSpacing: 0.2,
        color: AppColors.black900,
      ),
    );
  }

  static TextTheme _buildReplyDarkTextTheme(TextTheme base) {
    return base.copyWith(
      headlineMedium: GoogleFonts.workSans(
        fontWeight: FontWeight.w600,
        fontSize: 34,
        letterSpacing: 0.4,
        height: 0.9,
        color: AppColors.white50,
      ),
      headlineSmall: GoogleFonts.workSans(
        fontWeight: FontWeight.bold,
        fontSize: 24,
        letterSpacing: 0.27,
        color: AppColors.white50,
      ),
      titleLarge: GoogleFonts.workSans(
        fontWeight: FontWeight.w600,
        fontSize: 20,
        letterSpacing: 0.18,
        color: AppColors.white50,
      ),
      titleSmall: GoogleFonts.workSans(
        fontWeight: FontWeight.w600,
        fontSize: 14,
        letterSpacing: -0.04,
        color: AppColors.white50,
      ),
      bodyLarge: GoogleFonts.workSans(
        fontWeight: FontWeight.normal,
        fontSize: 18,
        letterSpacing: 0.2,
        color: AppColors.white50,
      ),
      bodyMedium: GoogleFonts.workSans(
        fontWeight: FontWeight.normal,
        fontSize: 14,
        letterSpacing: -0.05,
        color: AppColors.white50,
      ),
      bodySmall: GoogleFonts.workSans(
        fontWeight: FontWeight.normal,
        fontSize: 12,
        letterSpacing: 0.2,
        color: AppColors.white50,
      ),
    );
  }

  static MarkdownStyleSheet buildMarkDownTheme(ThemeData theme) {
    final textTheme = theme.textTheme;
    return MarkdownStyleSheet.largeFromTheme(theme).copyWith(
      strong: textTheme.titleSmall!,
      em: textTheme.bodyMedium!.copyWith(
        fontWeight: FontWeight.w900,
        fontStyle: FontStyle.italic,
      ),
      codeblockPadding: const EdgeInsets.all(8),
      codeblockDecoration: BoxDecoration(
        color: Colors.grey.shade100,
      ),
      code: TextStyle(
        backgroundColor: Colors.grey.shade100,
      ),
    );
  }
}