mirror of https://github.com/flutter/samples.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
235 lines
7.3 KiB
235 lines
7.3 KiB
// 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();
|
|
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,
|
|
onSurface: AppColors.white50,
|
|
onError: AppColors.black900,
|
|
),
|
|
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,
|
|
),
|
|
);
|
|
}
|
|
}
|