From 5b07b7f801c4fa1b82c2f0756f219cc3cb730f1f Mon Sep 17 00:00:00 2001
From: arturplaczek <arturp1989@gmail.com>
Date: Thu, 14 Apr 2022 20:54:45 +0200
Subject: [PATCH] chore: add AppColors & AppTextStyle

---
 lib/theme/app_colors.dart     |  31 ++++++++++
 lib/theme/app_text_style.dart | 104 ++++++++++++++++++++++++++++++++++
 lib/theme/theme.dart          |   2 +
 3 files changed, 137 insertions(+)
 create mode 100644 lib/theme/app_colors.dart
 create mode 100644 lib/theme/app_text_style.dart

diff --git a/lib/theme/app_colors.dart b/lib/theme/app_colors.dart
new file mode 100644
index 00000000..334b478b
--- /dev/null
+++ b/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;
+}
diff --git a/lib/theme/app_text_style.dart b/lib/theme/app_text_style.dart
new file mode 100644
index 00000000..336dc6c9
--- /dev/null
+++ b/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,
+  );
+}
diff --git a/lib/theme/theme.dart b/lib/theme/theme.dart
index f6318400..5e4fefe9 100644
--- a/lib/theme/theme.dart
+++ b/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';