added themes, get

Author: FireJuun

lib/main.dart

@@ -1,4 +1,6 @@
 import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:symptom_tracker/theme.dart';
 
 void main() {
   runApp(MyApp());
@@ -8,18 +10,17 @@ class MyApp extends StatelessWidget {
   // This widget is the root of your application.
   @override
   Widget build(BuildContext context) {
-    return MaterialApp(
+    return GetMaterialApp(
       title: 'Flutter Demo',
-      theme: ThemeData(
-        primarySwatch: Colors.green,
-        visualDensity: VisualDensity.adaptivePlatformDensity,
-      ),
+      theme: appTheme(),
       home: Scaffold(
         appBar: AppBar(
           title: Text('Home Screen'),
         ),
-        body: Center(
-          child: Text('Home Screen'),
+        body: SafeArea(
+          child: Center(
+            child: Text('Home Screen'),
+          ),
         ),
       ),
     );

lib/theme.dart

@@ -0,0 +1,105 @@
+import 'package:flutter/material.dart';
+
+ThemeData appTheme() {
+  final TextTheme textTheme = _buildTextTheme();
+  final IconThemeData iconTheme = _buildIconTheme();
+
+  return ThemeData.light().copyWith(
+    // Added in Flutter 1.17
+    visualDensity: VisualDensity.adaptivePlatformDensity,
+
+    // Set default colors
+    primaryColor: _AppColors.primary,
+    accentColor: _AppColors.secondary,
+    disabledColor: _AppColors.disabled,
+    errorColor: _AppColors.error,
+
+    // Customize Themes
+    appBarTheme: _buildAppBarTheme(textTheme),
+    iconTheme: iconTheme,
+    primaryIconTheme: iconTheme.copyWith(color: _AppColors.primary),
+
+    // Misc
+    buttonTheme: ButtonThemeData(
+      buttonColor: _AppColors.primary,
+      textTheme: ButtonTextTheme.primary,
+    ),
+    unselectedWidgetColor: _AppColors.disabledWidget,
+    textTheme: textTheme.apply(
+      displayColor: _AppColors.primary,
+      bodyColor: _AppColors.primary,
+    ),
+  );
+}
+
+/// ******* Colors *******
+class _AppColors {
+  // Core
+  // static const Color primary = Colors.green;
+  static const Color primary = Color(0xFF042240);
+  static const Color secondary = Color(0xFF018786);
+  static Color error = Colors.red;
+  static Color disabled = Colors.grey[500];
+  static Color disabledWidget = Colors.grey[300];
+}
+
+/// ******* Custom Themes *******
+AppBarTheme _buildAppBarTheme(TextTheme textTheme) {
+  return AppBarTheme(
+    textTheme: textTheme.apply(displayColor: _AppColors.primary),
+  );
+}
+
+IconThemeData _buildIconTheme() {
+  return const IconThemeData(color: _AppColors.primary, size: 32);
+}
+
+/// ******* Text Theme *******
+TextTheme _buildTextTheme() {
+  return TextTheme(
+    // Using default Material theme system
+    // spec: https://material.io/design/typography/the-type-system.html#type-scale
+    // on next stable release of Dart, display4 will be renamed to headline 1,
+    // display 3 -> headline2, display2 -> headline3, etc.
+
+    headline1: _AppTypography.h1,
+    headline2: _AppTypography.h2,
+    // Dashboard: Good day // Home: Hello world
+    headline3: _AppTypography.h3,
+    // CheckIn: Please select symptoms
+    headline4: _AppTypography.h4,
+    // CheckIn: Yesterday, you had..
+    headline5: _AppTypography.h5,
+    // AppBar
+    headline6: _AppTypography.h6,
+    // ListTitle override 1
+    subtitle1: _AppTypography.subtitle1,
+    // ListTitle override 2
+    subtitle2: _AppTypography.subtitle2,
+    bodyText1: _AppTypography.bodyText1,
+    // Default: Text Widget
+    bodyText2: _AppTypography.bodyText2,
+    // Default: Input error text
+    caption: _AppTypography.caption,
+    // Default: Button
+    button: _AppTypography.button,
+    overline: _AppTypography.overline,
+  );
+}
+
+/// ******* Custom Text *******
+class _AppTypography {
+  static const TextStyle h1 = TextStyle(fontSize: 96, fontWeight: FontWeight.w100);
+  static const TextStyle h2 = TextStyle(fontSize: 60, fontWeight: FontWeight.w100);
+  static const TextStyle h3 = TextStyle(fontSize: 32, fontWeight: FontWeight.w800);
+  static const TextStyle h4 = TextStyle(fontSize: 24, fontWeight: FontWeight.w800);
+  static const TextStyle h5 = TextStyle(fontSize: 20, fontWeight: FontWeight.w400);
+  static const TextStyle h6 = TextStyle(fontSize: 22, fontWeight: FontWeight.bold);
+  static const TextStyle subtitle1 = TextStyle(fontSize: 20, fontWeight: FontWeight.bold);
+  static const TextStyle subtitle2 = TextStyle(fontSize: 18, fontWeight: FontWeight.w300);
+  static const TextStyle bodyText1 = TextStyle(fontSize: 16, fontWeight: FontWeight.normal);
+  static const TextStyle bodyText2 = TextStyle(fontSize: 36, fontWeight: FontWeight.normal);
+  static const TextStyle caption = TextStyle(fontSize: 12, fontWeight: FontWeight.normal);
+  static const TextStyle button = TextStyle(fontSize: 20, fontWeight: FontWeight.w400);
+  static const TextStyle overline = TextStyle(fontSize: 10, fontWeight: FontWeight.normal);
+}

pubspec.lock

@@ -60,6 +60,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  get:
+    dependency: "direct main"
+    description:
+      name: get
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.10"
   matcher:
     dependency: transitive
     description:

pubspec.yaml

@@ -18,12 +18,12 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 version: 1.0.0+1
 
 environment:
-  sdk: ">=2.7.0 <3.0.0"
+  sdk: '>=2.7.0 <3.0.0'
 
 dependencies:
   flutter:
     sdk: flutter
-
+  get: ^2.0.10
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
@@ -38,23 +38,18 @@ dev_dependencies:
 
 # The following section is specific to Flutter.
 flutter:
-
   # The following line ensures that the Material Icons font is
   # included with your application, so that you can use the icons in
   # the material Icons class.
   uses-material-design: true
-
   # To add assets to your application, add an assets section, like this:
   # assets:
   #   - images/a_dot_burr.jpeg
   #   - images/a_dot_ham.jpeg
-
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware.
-
   # For details regarding adding assets from package dependencies, see
   # https://flutter.dev/assets-and-images/#from-packages
-
   # To add custom fonts to your application, add a fonts section here,
   # in this "flutter" section. Each entry in this list should have a
   # "family" key with the font family name, and a "fonts" key with a