feat: Add onboarding screen.

Author: BURG3R5

assets/app/icons/arrow-forward.svg

@@ -1,13 +1,25 @@
 class AppAssets {
+  // Roots
   static const String _iconsRoot = 'assets/app/icons';
+  static const String _imagesRoot = 'assets/app/images';
+  static const String _illustrationsRoot = 'assets/app/illustrations';
 
+  // Icons
+  static const String arrowForward = '$_iconsRoot/arrow-forward.svg';
   static const String eyeOn = '$_iconsRoot/eye-on.svg';
   static const String eyeOff = '$_iconsRoot/eye-off.svg';
   static const String lock = '$_iconsRoot/lock.svg';
   static const String person = '$_iconsRoot/person.svg';
 
-  static const String _imagesRoot = 'assets/app/images';
+  // Images
+  static const String circle1 = '$_imagesRoot/circle1.svg';
+  static const String circle2 = '$_imagesRoot/circle2.svg';
+  static const String triangle = '$_imagesRoot/triangle.svg';
 
-  static const String circle = '$_imagesRoot/circle.svg',
-      triangle = '$_imagesRoot/triangle.svg';
+  // Illustrations
+  static const String contestCardIllustration =
+      '$_illustrationsRoot/contest_card.png';
+  static const String feedCardIllustration =
+      '$_illustrationsRoot/feed_card.png';
+  static const String profileIllustration = '$_illustrationsRoot/profile.png';
 }

assets/app/illustrations/contest_card.png

@@ -1,11 +1,14 @@
 import 'package:flutter/material.dart';
 
 class AppColors {
-  static const white = Colors.white,
-      grey1 = Color(0xFF979797),
-      grey2 = Color(0xFFC5CEE0),
-      grey3 = Color(0xFF242424),
-      transparent = Colors.transparent;
+  static const Color white = Colors.white;
+  static const Color grey1 = Color(0xFF979797);
+  static const Color grey2 = Color(0xFFC5CEE0);
+  static const Color grey3 = Color(0xFF242424);
+  static const Color grey4 = Color(0xFF2C363F);
+  static const Color grey5 = Color(0x3D000000);
+  static const Color transparent = Colors.transparent;
 
-  static const primary = Color(0xFF3366FF);
+  static const Color primary = Color(0xFF3366FF);
+  static const Color primaryAccent = Color(0x0D3366FF);
 }

assets/app/illustrations/feed_card.png

@@ -1,7 +1,13 @@
 /// Constant strings representing the names of the routes for easy refactoring.
 class AppRoutes {
+  // Splash
   static const String splash = '/';
+
+  // Pre-Auth
   static const String login = '/login';
-  static const String home = '/home';
   static const String signUp = '/signup';
+  static const String onboarding = '/onboarding';
+
+  // Post-Auth
+  static const String home = '/home';
 }

assets/app/illustrations/profile.png

@@ -5,13 +5,42 @@ import 'colors.dart';
 
 class AppStyles {
   static final TextStyle h1 = TextStyle(
-        color: AppColors.grey3,
-        fontSize: 48.sp,
-        fontWeight: FontWeight.w700,
-      ),
-      h6 = TextStyle(
-        color: AppColors.grey1,
-        fontSize: 14.sp,
-        fontWeight: FontWeight.w400,
-      );
+    color: AppColors.grey3,
+    fontSize: 48.sp,
+    fontWeight: FontWeight.w700,
+  );
+  static final TextStyle h2 = TextStyle(
+    color: AppColors.white,
+    fontSize: 24.sp,
+    fontWeight: FontWeight.w900,
+  );
+  static final TextStyle h5 = TextStyle(
+    color: AppColors.white.withOpacity(0.85),
+    fontSize: 16.sp,
+    fontWeight: FontWeight.w400,
+  );
+  static final TextStyle h6 = TextStyle(
+    color: AppColors.grey1,
+    fontSize: 14.sp,
+    fontWeight: FontWeight.w400,
+  );
+
+  static final ThemeData theme = ThemeData(
+    colorScheme: ColorScheme.fromSeed(
+      seedColor: AppColors.primary,
+      primary: AppColors.primary,
+      onPrimary: AppColors.white,
+      background: AppColors.white,
+      onBackground: AppColors.grey3,
+      surface: AppColors.white,
+      onSurface: AppColors.grey3,
+      secondary: AppColors.primaryAccent,
+    ),
+    textTheme: TextTheme(
+      headline1: h1,
+      headline2: h2,
+      headline5: h5,
+      headline6: h6,
+    ),
+  );
 }