chore: add AppColors & AppTextStyle

lib/theme/app_colors.dart

@@ -0,0 +1,31 @@
+// Copyright (c) 2021, Very Good Ventures
+// https://verygood.ventures
+
+import 'package:flutter/material.dart';
+
+/// Defines the color palette for the App UI Kit.
+abstract class AppColors {
+  /// Black
+  static const Color black = Color(0xFF000000);
+
+  /// White
+  static const Color white = Color(0xFFFFFFFF);
+
+  /// Transparent
+  static const Color transparent = Color(0x00000000);
+
+  /// Blue
+  static const Color blue = Color(0xFF4B94F6);
+
+  /// Dark blue
+  static const Color darkBlue = Color(0xFF0C32A4);
+
+  /// Orange
+  static const Color orange = Color(0xFFFFEE02);
+
+  /// Blue
+  static const Color appBarColor = Color(0xFF13B9FF);
+
+  /// Pinball background color.
+  static const Color background = blue;
+}

lib/theme/app_text_style.dart

@@ -0,0 +1,104 @@
+import 'package:flutter/widgets.dart';
+import 'package:pinball_components/gen/fonts.gen.dart';
+
+/// App Text Style Definitions
+abstract class AppTextStyle {
+  /// Headline 1 Text Style
+  static const headline1 = TextStyle(
+    fontSize: 36,
+    height: 1.25,
+    package: 'pinball_components',
+    fontFamily: FontFamily.pixeloidSans,
+  );
+
+  /// Headline 2 Text Style
+  static const headline2 = TextStyle(
+    fontSize: 28,
+    height: 1.25,
+    package: 'pinball_components',
+    fontFamily: FontFamily.pixeloidSans,
+  );
+
+  /// Headline 3 Text Style
+  static const headline3 = TextStyle(
+    fontSize: 24,
+    height: 1.25,
+    package: 'pinball_components',
+    fontFamily: FontFamily.pixeloidSans,
+  );
+
+  /// Headline 4 Text Style
+  static const headline4 = TextStyle(
+    fontSize: 20,
+    fontFamily: FontFamily.pixeloidSans,
+    letterSpacing: 3,
+    package: 'pinball_components',
+  );
+
+  /// Headline 5 Text Style
+  static const headline5 = TextStyle(
+    fontSize: 18,
+    fontFamily: FontFamily.pixeloidSans,
+    height: 1.25,
+    package: 'pinball_components',
+  );
+
+  /// Headline 6 Text Style
+  static const headline6 = TextStyle(
+    fontSize: 16,
+    fontFamily: FontFamily.pixeloidSans,
+    height: 1.25,
+    package: 'pinball_components',
+  );
+
+  /// Subtitle 1 Text Style
+  static const subtitle1 = TextStyle(
+    fontSize: 10,
+    fontFamily: FontFamily.pixeloidSans,
+    package: 'pinball_components',
+  );
+
+  /// Subtitle 2 Text Style
+  static const subtitle2 = TextStyle(
+    fontSize: 14,
+    fontFamily: FontFamily.pixeloidSans,
+    package: 'pinball_components',
+  );
+
+  /// Body Text 1 Text Style
+  static const bodyText1 = TextStyle(
+    fontSize: 16,
+    fontFamily: FontFamily.pixeloidSans,
+    package: 'pinball_components',
+  );
+
+  /// Body Text 2 Text Style (the default)
+  static const bodyText2 = TextStyle(
+    fontSize: 14,
+    fontFamily: FontFamily.pixeloidSans,
+    package: 'pinball_components',
+  );
+
+  /// Button Text Style
+  static const button = TextStyle(
+    fontSize: 18,
+    fontFamily: FontFamily.pixeloidSans,
+    package: 'pinball_components',
+  );
+
+  /// Caption Text Style
+  static const caption = TextStyle(
+    fontSize: 12,
+    fontFamily: FontFamily.pixeloidSans,
+    package: 'pinball_components',
+  );
+
+  /// Overline Text Style
+  static const overline = TextStyle(
+    fontSize: 12,
+    letterSpacing: 1.15,
+    package: 'pinball_components',
+    fontFamily: FontFamily.pixeloidSans,
+    decoration: TextDecoration.underline,
+  );
+}

lib/theme/theme.dart

@@ -1,2 +1,4 @@
+export 'app_colors.dart';
+export 'app_text_style.dart';
 export 'cubit/theme_cubit.dart';
 export 'view/view.dart';