Merge pull request #46 from nventive/dev/arle/design-system

feat: implement design system

Author: carlh98

doc/Architecture.md

@@ -161,6 +161,8 @@ This applications uses [Flutter](https://flutter.dev/) as the UI framework.
 ### Design System
 
 This application uses resources from Material Design.
+The application's theme data is defined in the `global_theme_data` file in the `styles` folder.
+Any other files related to the application's design system should be added to this folder.
 
 ### Localization
 

src/app/assets/fonts/guillon_black.ttf

@@ -1,5 +1,6 @@
 import 'package:app/app_router.dart';
 import 'package:app/l10n/gen_l10n/app_localizations.dart';
+import 'package:app/presentation/styles/global_theme_data.dart';
 import 'package:flutter/material.dart';
 
 final class App extends StatelessWidget {
@@ -8,6 +9,8 @@ final class App extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return MaterialApp.router(
+      theme: GlobalThemeData.lightThemeData,
+      darkTheme: GlobalThemeData.darkThemeData,
       routerConfig: router,
       localizationsDelegates: AppLocalizations.localizationsDelegates,
       supportedLocales: AppLocalizations.supportedLocales,

src/app/assets/fonts/guillon_bold.ttf

@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+
+class GlobalThemeData {
+  static ThemeData lightThemeData = themeData(lightColorScheme);
+  static ThemeData darkThemeData = themeData(darkColorScheme);
+
+  static ThemeData themeData(ColorScheme colorScheme) {
+    return ThemeData(
+      useMaterial3: true,
+      fontFamily: 'Guillon',
+      colorScheme: colorScheme,
+    );
+  }
+
+  static const ColorScheme lightColorScheme = ColorScheme(
+    primary: Color(0xFF0D59CD),
+    onPrimary: Colors.white,
+    secondary: Color(0xFF5BC5F2),
+    onSecondary: Color(0xFF001E60),
+    error: Color(0xFFD93B27),
+    onError: Color(0xFFFDEFED),
+    surface: Color(0xFFF5FAFF),
+    onSurface: Color(0xFF001E60),
+    brightness: Brightness.light,
+  );
+
+  static const ColorScheme darkColorScheme = ColorScheme(
+    primary: Color(0xFF89C5FF),
+    onPrimary: Color(0xFF121821),
+    secondary: Color(0xFFFCA58B),
+    onSecondary: Color(0xFF302B29),
+    error: Color(0xFFE8897D),
+    onError: Color(0xFF32110D),
+    surface: Color(0xFF2C3034),
+    onSurface: Colors.white,
+    brightness: Brightness.dark,
+  );
+}

src/app/assets/fonts/guillon_light.ttf

@@ -59,6 +59,25 @@ flutter:
 
   assets:
     - assets/openSourceSoftwareLicenses.json
+    - assets/fonts/guillon_black.ttf
+    - assets/fonts/guillon_bold.ttf
+    - assets/fonts/guillon_light.ttf
+    - assets/fonts/guillon_regular.ttf
+    - assets/fonts/guillon_semibold.ttf
     - .env.dev
     - .env.staging
     - .env.prod
+
+  fonts:
+    - family: Guillon
+      fonts:
+        - asset: assets/fonts/guillon_light.ttf
+          weight: 300
+        - asset: assets/fonts/guillon_regular.ttf
+          weight: 400
+        - asset: assets/fonts/guillon_semibold.ttf
+          weight: 600
+        - asset: assets/fonts/guillon_bold.ttf
+          weight: 700
+        - asset: assets/fonts/guillon_black.ttf
+          weight: 900

src/app/assets/fonts/guillon_regular.ttf

@@ -5,6 +5,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 
 Prefix your items with `(Template)` if the change is about the template and not the resulting application.
 
+## 0.25.0
+- Added design system, including color scheme and fonts.
+
 ## 0.24.4
 - Fix commit validation after a merge.
 - Update localization documentation.
@@ -100,4 +103,4 @@ Prefix your items with `(Template)` if the change is about the template and not
 - Fixed minor bug where the current path was not being updated properly.
 - Added localization.
 - Added test for the killswitch.
-- Added integration test for forced update.
+- Added integration test for forced update.