Merge remote-tracking branch 'origin/development' into enhancement/138-neues-navbar-design

# Conflicts:
#	pubspec.yaml

.gitea/issue_template/bug.yaml

@@ -9,10 +9,8 @@ body:
       label: Beschreibung
       description: Beschreibe klar und pregnant das Fehlerverhalten
       placeholder: |
-        - Welchen Zweck erfüllt das Feature?
+        - Was genau ist das unerwünschte Verhalten?
-        - Welches Problem löst das Feature?
+        - Welche Auswirkungen hat der Fehler?
-        - Wer profitiert davon? 
-        - Warum ist es wichtig?
     validations:
       required: true
 
@@ -33,15 +31,17 @@ body:
       description: Gebe an, auf welchen Platformen dieser Fehler auftritt
       list: false
       multiple: true
-      options: ['Android', 'iOS', 'Web']
+      options: ['Android', 'iOS']
 
   - type: textarea
-    id: bahaviour
+    id: solution
     attributes:
-      label: Unerwünschtes Verhalten
+      label: Lösungsidee
-      description: Beschreibe, was passiert ist, obwohl es nicht passieren sollte
+      description: Beschreibe, wie das Problem bzw. gelöst werden kann
-      placeholder: Bei Verhalten X tritt folgendes Verhalten auf ...
+      placeholder: |
-
+        - Button X ändern, sodass ...
+        - Funktion X so erweitern, dass ...
+        - Design anpassen, sodass ...
 
   - type: textarea
     attributes:

.gitignore

@@ -150,25 +150,9 @@ app.*.symbols
 .gclient_previous_custom_vars
 .gclient_previous_sync_commits
 
-# Miscellaneous
-*.class
-*.log
-*.pyc
-*.swp
-.DS_Store
-.atom/
-.build/
-.buildlog/
-.history
-.svn/
 .swiftpm/
 migrate_working_dir/
 
-# IntelliJ related
-*.iml
-*.ipr
-*.iws
-.idea/
 
 # The .vscode folder contains launch configuration and tasks you configure in
 # VS Code which you may wish to be included in version control, so this line
@@ -176,17 +160,8 @@ migrate_working_dir/
 #.vscode/
 
 # Flutter/Dart/Pub related
-**/doc/api/
-**/ios/Flutter/.last_build_id
-.dart_tool/
-.flutter-plugins
-.flutter-plugins-dependencies
-.pub-cache/
-.pub/
 /build/
 
-# Symbolication related
-app.*.symbols
 
 # Obfuscation related
 app.*.map.json
@@ -196,3 +171,5 @@ app.*.map.json
 /android/app/profile
 /android/app/release
 /devtools_options.yaml
+
+untranslated_messages.json

android/app/src/main/AndroidManifest.xml

@@ -1,4 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <uses-permission android:name="android.permission.INTERNET" />
     <application
         android:label="game_tracker"
         android:name="${applicationName}"
@@ -42,5 +43,14 @@
             <action android:name="android.intent.action.PROCESS_TEXT"/>
             <data android:mimeType="text/plain"/>
         </intent>
+        <!-- Required for url_launcher to open URLs in external browser -->
+        <intent>
+            <action android:name="android.intent.action.VIEW" />
+            <data android:scheme="http" />
+        </intent>
+        <intent>
+            <action android:name="android.intent.action.VIEW" />
+            <data android:scheme="https" />
+        </intent>
     </queries>
 </manifest>

android/settings.gradle.kts

@@ -18,7 +18,7 @@ pluginManagement {
 
 plugins {
     id("dev.flutter.flutter-plugin-loader") version "1.0.0"
-    id("com.android.application") version "8.7.3" apply false
+    id("com.android.application") version "8.9.1" apply false
     id("org.jetbrains.kotlin.android") version "2.1.0" apply false
 }
 

ios/Runner/Info.plist

@@ -24,6 +24,11 @@
 	<string>$(FLUTTER_BUILD_NUMBER)</string>
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
+	<key>LSApplicationQueriesSchemes</key>
+    <array>
+        <string>https</string>
+        <string>http</string>
+    </array>
 	<key>UILaunchStoryboardName</key>
 	<string>LaunchScreen</string>
 	<key>UIMainStoryboardFile</key>

l10n.yaml

@@ -3,3 +3,4 @@ template-arb-file: app_en.arb
 output-localization-file: app_localizations.dart
 output-dir: lib/l10n/generated
 nullable-getter: false
+untranslated-messages-file: lib/l10n/untranslated_messages.json

lib/core/custom_theme.dart

@@ -11,6 +11,8 @@ class CustomTheme {
   static Color onBoxColor = const Color(0xFF181818);
   static Color boxBorder = const Color(0xFF272727);
   static const Color textColor = Colors.white;
+  static Color navBarItemSelectedColor = primaryColor.withGreen(100);
+  static Color navBarItemUnselectedColor = Colors.grey.shade400;
 
   // ==================== Border Radius ====================
   static const double standardBorderRadius = 12.0;

lib/l10n/arb/app_de.arb

@@ -3,6 +3,7 @@
   "all_players": "Alle Spieler:innen",
   "all_players_selected": "Alle Spieler:innen ausgewählt",
   "amount_of_matches": "Anzahl der Spiele",
+  "app_name": "Game Tracker",
   "cancel": "Abbrechen",
   "choose_game": "Spielvorlage wählen",
   "choose_group": "Gruppe wählen",
@@ -12,6 +13,7 @@
   "create_match": "Spiel erstellen",
   "create_new_group": "Neue Gruppe erstellen",
   "create_new_match": "Neues Spiel erstellen",
+  "data": "Daten",
   "data_successfully_deleted": "Daten erfolgreich gelöscht",
   "data_successfully_exported": "Daten erfolgreich exportiert",
   "data_successfully_imported": "Daten erfolgreich importiert",
@@ -34,13 +36,17 @@
   "info": "Info",
   "invalid_schema": "Ungültiges Schema",
   "least_points": "Niedrigste Punkte",
+  "legal": "Rechtliches",
+  "legal_notice": "Impressum",
+  "licenses": "Lizenzen",
   "match_in_progress": "Spiel läuft...",
   "match_name": "Spieltitel",
   "matches": "Spiele",
-  "menu": "Menü",
   "most_points": "Höchste Punkte",
   "no_data_available": "Keine Daten verfügbar",
   "no_groups_created_yet": "Noch keine Gruppen erstellt",
+  "no_licenses_found": "Keine Lizenzen gefunden",
+  "no_license_text_available": "Kein Lizenztext verfügbar",
   "no_matches_created_yet": "Noch keine Spiele erstellt",
   "no_players_created_yet": "Noch keine Spieler:in erstellt",
   "no_players_found_with_that_name": "Keine Spieler:in mit diesem Namen gefunden",
@@ -54,6 +60,7 @@
   "player_name": "Spieler:innenname",
   "players": "Spieler:innen",
   "players_count": "{count} Spieler",
+  "privacy_policy": "Datenschutzerklärung",
   "quick_create": "Schnellzugriff",
   "recent_matches": "Letzte Spiele",
   "ruleset": "Regelwerk",

lib/l10n/arb/app_en.arb

@@ -39,6 +39,9 @@
   "@create_new_match": {
     "description": "Button text to create a new match"
   },
+  "@data": {
+    "description": "Data label"
+  },
   "@data_successfully_deleted": {
     "description": "Success message after deleting data"
   },
@@ -110,6 +113,15 @@
   "@least_points": {
     "description": "Title for least points ruleset"
   },
+  "@legal": {
+    "description": "Legal section header"
+  },
+  "@legal_notice": {
+    "description": "Legal notice menu item"
+  },
+  "@licenses": {
+    "description": "Licenses menu item"
+  },
   "@match_in_progress": {
     "description": "Message when match is in progress"
   },
@@ -119,9 +131,6 @@
   "@matches": {
     "description": "Label for matches"
   },
-  "@menu": {
-    "description": "Menu label"
-  },
   "@most_points": {
     "description": "Title for most points ruleset"
   },
@@ -131,6 +140,12 @@
   "@no_groups_created_yet": {
     "description": "Message when no groups exist"
   },
+  "@no_licenses_found": {
+    "description": "Message when no licenses are found"
+  },
+  "@no_license_text_available": {
+    "description": "Message when no license text is available"
+  },
   "@no_matches_created_yet": {
     "description": "Message when no matches exist"
   },
@@ -175,6 +190,9 @@
       }
     }
   },
+  "@privacy_policy": {
+    "description": "Privacy policy menu item"
+  },
   "@quick_create": {
     "description": "Title for quick create section"
   },
@@ -209,7 +227,7 @@
     "description": "Shows the number of selected players"
   },
   "@settings": {
-    "description": "Settings label"
+    "description": "Label for the App Settings"
   },
   "@single_loser": {
     "description": "Title for single loser ruleset"
@@ -272,6 +290,7 @@
   "create_match": "Create match",
   "create_new_group": "Create new group",
   "create_new_match": "Create new match",
+  "data": "Data",
   "data_successfully_deleted": "Data successfully deleted",
   "data_successfully_exported": "Data successfully exported",
   "data_successfully_imported": "Data successfully imported",
@@ -294,13 +313,17 @@
   "info": "Info",
   "invalid_schema": "Invalid Schema",
   "least_points": "Least Points",
+  "legal": "Legal",
+  "legal_notice": "Legal Notice",
+  "licenses": "Licenses",
   "match_in_progress": "Match in progress...",
   "match_name": "Match name",
   "matches": "Matches",
-  "menu": "Menu",
   "most_points": "Most Points",
   "no_data_available": "No data available",
   "no_groups_created_yet": "No groups created yet",
+  "no_licenses_found": "No licenses found",
+  "no_license_text_available": "No license text available",
   "no_matches_created_yet": "No matches created yet",
   "no_players_created_yet": "No players created yet",
   "no_players_found_with_that_name": "No players found with that name",
@@ -314,6 +337,7 @@
   "player_name": "Player name",
   "players": "Players",
   "players_count": "{count} Players",
+  "privacy_policy": "Privacy Policy",
   "quick_create": "Quick Create",
   "recent_matches": "Recent Matches",
   "ruleset": "Ruleset",

lib/l10n/generated/app_localizations.dart

@@ -176,6 +176,12 @@ abstract class AppLocalizations {
   /// **'Create new match'**
   String get create_new_match;
 
+  /// Data label
+  ///
+  /// In en, this message translates to:
+  /// **'Data'**
+  String get data;
+
   /// Success message after deleting data
   ///
   /// In en, this message translates to:
@@ -308,6 +314,24 @@ abstract class AppLocalizations {
   /// **'Least Points'**
   String get least_points;
 
+  /// Legal section header
+  ///
+  /// In en, this message translates to:
+  /// **'Legal'**
+  String get legal;
+
+  /// Legal notice menu item
+  ///
+  /// In en, this message translates to:
+  /// **'Legal Notice'**
+  String get legal_notice;
+
+  /// Licenses menu item
+  ///
+  /// In en, this message translates to:
+  /// **'Licenses'**
+  String get licenses;
+
   /// Message when match is in progress
   ///
   /// In en, this message translates to:
@@ -326,12 +350,6 @@ abstract class AppLocalizations {
   /// **'Matches'**
   String get matches;
 
-  /// Menu label
-  ///
-  /// In en, this message translates to:
-  /// **'Menu'**
-  String get menu;
-
   /// Title for most points ruleset
   ///
   /// In en, this message translates to:
@@ -350,6 +368,18 @@ abstract class AppLocalizations {
   /// **'No groups created yet'**
   String get no_groups_created_yet;
 
+  /// Message when no licenses are found
+  ///
+  /// In en, this message translates to:
+  /// **'No licenses found'**
+  String get no_licenses_found;
+
+  /// Message when no license text is available
+  ///
+  /// In en, this message translates to:
+  /// **'No license text available'**
+  String get no_license_text_available;
+
   /// Message when no matches exist
   ///
   /// In en, this message translates to:
@@ -428,6 +458,12 @@ abstract class AppLocalizations {
   /// **'{count} Players'**
   String players_count(int count);
 
+  /// Privacy policy menu item
+  ///
+  /// In en, this message translates to:
+  /// **'Privacy Policy'**
+  String get privacy_policy;
+
   /// Title for quick create section
   ///
   /// In en, this message translates to:
@@ -494,7 +530,7 @@ abstract class AppLocalizations {
   /// **'Selected players'**
   String get selected_players;
 
-  /// Settings label
+  /// Label for the App Settings
   ///
   /// In en, this message translates to:
   /// **'Settings'**

lib/l10n/generated/app_localizations_de.dart

@@ -49,6 +49,9 @@ class AppLocalizationsDe extends AppLocalizations {
   @override
   String get create_new_match => 'Neues Spiel erstellen';
 
+  @override
+  String get data => 'Daten';
+
   @override
   String get data_successfully_deleted => 'Daten erfolgreich gelöscht';
 
@@ -118,6 +121,15 @@ class AppLocalizationsDe extends AppLocalizations {
   @override
   String get least_points => 'Niedrigste Punkte';
 
+  @override
+  String get legal => 'Rechtliches';
+
+  @override
+  String get legal_notice => 'Impressum';
+
+  @override
+  String get licenses => 'Lizenzen';
+
   @override
   String get match_in_progress => 'Spiel läuft...';
 
@@ -127,9 +139,6 @@ class AppLocalizationsDe extends AppLocalizations {
   @override
   String get matches => 'Spiele';
 
-  @override
-  String get menu => 'Menü';
-
   @override
   String get most_points => 'Höchste Punkte';
 
@@ -139,6 +148,12 @@ class AppLocalizationsDe extends AppLocalizations {
   @override
   String get no_groups_created_yet => 'Noch keine Gruppen erstellt';
 
+  @override
+  String get no_licenses_found => 'Keine Lizenzen gefunden';
+
+  @override
+  String get no_license_text_available => 'Kein Lizenztext verfügbar';
+
   @override
   String get no_matches_created_yet => 'Noch keine Spiele erstellt';
 
@@ -181,6 +196,9 @@ class AppLocalizationsDe extends AppLocalizations {
     return '$count Spieler';
   }
 
+  @override
+  String get privacy_policy => 'Datenschutzerklärung';
+
   @override
   String get quick_create => 'Schnellzugriff';
 

lib/l10n/generated/app_localizations_en.dart

@@ -49,6 +49,9 @@ class AppLocalizationsEn extends AppLocalizations {
   @override
   String get create_new_match => 'Create new match';
 
+  @override
+  String get data => 'Data';
+
   @override
   String get data_successfully_deleted => 'Data successfully deleted';
 
@@ -118,6 +121,15 @@ class AppLocalizationsEn extends AppLocalizations {
   @override
   String get least_points => 'Least Points';
 
+  @override
+  String get legal => 'Legal';
+
+  @override
+  String get legal_notice => 'Legal Notice';
+
+  @override
+  String get licenses => 'Licenses';
+
   @override
   String get match_in_progress => 'Match in progress...';
 
@@ -127,9 +139,6 @@ class AppLocalizationsEn extends AppLocalizations {
   @override
   String get matches => 'Matches';
 
-  @override
-  String get menu => 'Menu';
-
   @override
   String get most_points => 'Most Points';
 
@@ -139,6 +148,12 @@ class AppLocalizationsEn extends AppLocalizations {
   @override
   String get no_groups_created_yet => 'No groups created yet';
 
+  @override
+  String get no_licenses_found => 'No licenses found';
+
+  @override
+  String get no_license_text_available => 'No license text available';
+
   @override
   String get no_matches_created_yet => 'No matches created yet';
 
@@ -181,6 +196,9 @@ class AppLocalizationsEn extends AppLocalizations {
     return '$count Players';
   }
 
+  @override
+  String get privacy_policy => 'Privacy Policy';
+
   @override
   String get quick_create => 'Quick Create';
 

lib/presentation/views/main_menu/custom_navigation_bar.dart

@@ -1,3 +1,5 @@
+import 'dart:ui';
+
 import 'package:flutter/material.dart';
 import 'package:game_tracker/core/adaptive_page_route.dart';
 import 'package:game_tracker/core/custom_theme.dart';
@@ -5,7 +7,7 @@ import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/views/main_menu/group_view/groups_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/home_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/match_view/match_view.dart';
-import 'package:game_tracker/presentation/views/main_menu/settings_view.dart';
+import 'package:game_tracker/presentation/views/main_menu/settings_view/settings_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/statistics_view.dart';
 import 'package:game_tracker/presentation/widgets/navbar_item.dart';
 
@@ -71,18 +73,66 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
       backgroundColor: CustomTheme.backgroundColor,
       body: tabs[currentIndex],
       extendBody: true,
-      bottomNavigationBar: SafeArea(
+      bottomNavigationBar: SizedBox(
-        minimum: const EdgeInsets.only(bottom: 30),
+        height: 70 + MediaQuery.of(context).padding.bottom,
-        child: Container(
+        child: Stack(
-          margin: const EdgeInsets.symmetric(horizontal: 12.0, vertical: 10),
+          children: [
-          decoration: BoxDecoration(
+            // Dynamically generated blur layers for ultra-smooth transition
-            borderRadius: BorderRadius.circular(24),
+            ...List.generate(34, (index) {
-            color: CustomTheme.primaryColor,
+              // Use cubic curve for an even more natural, smoother transition
+              final progress = index / 34.0; // 0.0 to 1.0
+              final cubic = progress * progress * progress; // cubic curve
+              final blurStrength =
+                  0.5 + (cubic * 50.0); // Very smooth from 0.5 to 50.5
+
+              // Height goes completely from 100% to 0% (all the way down)
+              // With extra density at the bottom for softer transition
+              final heightFactor = index < 25
+                  // First 25 layers: 100% to 30%
+                  ? 1.0 - (progress * 0.7)
+                  // Last 10 layers: 30% to 0% (denser)
+                  : 0.3 - ((index - 25) / 34.0);
+
+              return Positioned(
+                left: 0,
+                right: 0,
+                bottom: 0,
+                height:
+                    (70 + MediaQuery.of(context).padding.bottom) *
+                    heightFactor.clamp(0.05, 1.0),
+                child: ClipRect(
+                  child: BackdropFilter(
+                    filter: ImageFilter.blur(
+                      sigmaX: blurStrength,
+                      sigmaY: blurStrength,
                     ),
-          child: ClipRRect(
+                    child: Container(color: Colors.transparent),
-            borderRadius: BorderRadius.circular(24),
+                  ),
+                ),
+              );
+            }),
+            // Gradient overlay
+            Positioned.fill(
+              child: Container(
+                decoration: BoxDecoration(
+                  gradient: LinearGradient(
+                    begin: Alignment.bottomCenter,
+                    end: Alignment.topCenter,
+                    colors: [
+                      CustomTheme.boxColor.withValues(alpha: 1),
+                      CustomTheme.boxColor.withValues(alpha: 0.5),
+                      CustomTheme.boxColor.withValues(alpha: 0.2),
+                      CustomTheme.boxColor.withValues(alpha: 0.0),
+                    ],
+                    stops: const [0.0, 0.4, 0.8, 1],
+                  ),
+                ),
+              ),
+            ),
+            // Navbar content
+            SafeArea(
               child: SizedBox(
-              height: 60,
+                height: 70,
                 child: Row(
                   mainAxisAlignment: MainAxisAlignment.spaceAround,
                   children: <Widget>[
@@ -118,6 +168,7 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
                 ),
               ),
             ),
+          ],
         ),
       ),
     );

lib/presentation/views/main_menu/group_view/groups_view.dart

@@ -8,7 +8,7 @@ import 'package:game_tracker/data/dto/player.dart';
 import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/views/main_menu/group_view/create_group_view.dart';
 import 'package:game_tracker/presentation/widgets/app_skeleton.dart';
-import 'package:game_tracker/presentation/widgets/buttons/custom_width_button.dart';
+import 'package:game_tracker/presentation/widgets/buttons/main_menu_button.dart';
 import 'package:game_tracker/presentation/widgets/tiles/group_tile.dart';
 import 'package:game_tracker/presentation/widgets/top_centered_message.dart';
 import 'package:provider/provider.dart';
@@ -79,10 +79,10 @@ class _GroupsViewState extends State<GroupsView> {
             ),
           ),
           Positioned(
-            bottom: MediaQuery.paddingOf(context).bottom,
+            bottom: MediaQuery.paddingOf(context).bottom + 20,
-            child: CustomWidthButton(
+            child: MainMenuButton(
               text: loc.create_group,
-              sizeRelativeToWidth: 0.90,
+              icon: Icons.group_add,
               onPressed: () async {
                 await Navigator.push(
                   context,

lib/presentation/views/main_menu/match_view/match_view.dart

@@ -1,6 +1,7 @@
 import 'dart:core' hide Match;
 
 import 'package:flutter/material.dart';
+import 'package:fluttericon/rpg_awesome_icons.dart';
 import 'package:game_tracker/core/adaptive_page_route.dart';
 import 'package:game_tracker/core/constants.dart';
 import 'package:game_tracker/core/custom_theme.dart';
@@ -12,7 +13,7 @@ import 'package:game_tracker/l10n/generated/app_localizations.dart';
 import 'package:game_tracker/presentation/views/main_menu/match_view/create_match/create_match_view.dart';
 import 'package:game_tracker/presentation/views/main_menu/match_view/match_result_view.dart';
 import 'package:game_tracker/presentation/widgets/app_skeleton.dart';
-import 'package:game_tracker/presentation/widgets/buttons/custom_width_button.dart';
+import 'package:game_tracker/presentation/widgets/buttons/main_menu_button.dart';
 import 'package:game_tracker/presentation/widgets/tiles/match_tile.dart';
 import 'package:game_tracker/presentation/widgets/top_centered_message.dart';
 import 'package:provider/provider.dart';
@@ -104,10 +105,10 @@ class _MatchViewState extends State<MatchView> {
             ),
           ),
           Positioned(
-            bottom: MediaQuery.paddingOf(context).bottom,
+            bottom: MediaQuery.paddingOf(context).bottom + 20,
-            child: CustomWidthButton(
+            child: MainMenuButton(
-              text: loc.create_match,
+              text: 'Spiel erstellen',
-              sizeRelativeToWidth: 0.90,
+              icon: RpgAwesome.clovers_card,
               onPressed: () async {
                 Navigator.push(
                   context,

lib/presentation/views/main_menu/settings_view.dart

@@ -1,219 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:game_tracker/core/custom_theme.dart';
-import 'package:game_tracker/core/enums.dart';
-import 'package:game_tracker/l10n/generated/app_localizations.dart';
-import 'package:game_tracker/presentation/widgets/tiles/settings_list_tile.dart';
-import 'package:game_tracker/services/data_transfer_service.dart';
-import 'package:package_info_plus/package_info_plus.dart';
-
-class SettingsView extends StatefulWidget {
-  const SettingsView({super.key});
-
-  @override
-  State<SettingsView> createState() => _SettingsViewState();
-}
-
-class _SettingsViewState extends State<SettingsView> {
-  PackageInfo _packageInfo = PackageInfo(
-    appName: 'n.A.',
-    packageName: 'n.A.',
-    version: 'n.A.',
-    buildNumber: 'n.A.',
-  );
-  @override
-  void initState() {
-    super.initState();
-    _initPackageInfo();
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    final loc = AppLocalizations.of(context);
-    return ScaffoldMessenger(
-      child: Scaffold(
-        appBar: AppBar(backgroundColor: CustomTheme.backgroundColor),
-        backgroundColor: CustomTheme.backgroundColor,
-        body: Column(
-          mainAxisAlignment: MainAxisAlignment.start,
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            Padding(
-              padding: const EdgeInsets.fromLTRB(24, 0, 24, 10),
-              child: Text(
-                textAlign: TextAlign.start,
-                loc.menu,
-                style: const TextStyle(
-                  fontSize: 28,
-                  fontWeight: FontWeight.bold,
-                ),
-              ),
-            ),
-            Padding(
-              padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 10),
-              child: Text(
-                textAlign: TextAlign.start,
-                loc.settings,
-                style: const TextStyle(
-                  fontSize: 22,
-                  fontWeight: FontWeight.bold,
-                ),
-              ),
-            ),
-            SettingsListTile(
-              title: loc.export_data,
-              icon: Icons.upload_rounded,
-              suffixWidget: const Icon(Icons.arrow_forward_ios, size: 16),
-              onPressed: () async {
-                final String json = await DataTransferService.getAppDataAsJson(
-                  context,
-                );
-                final result = await DataTransferService.exportData(
-                  json,
-                  'game_tracker-data',
-                );
-                if (!context.mounted) return;
-                showExportSnackBar(context: context, result: result);
-              },
-            ),
-            SettingsListTile(
-              title: loc.import_data,
-              icon: Icons.download_rounded,
-              suffixWidget: const Icon(Icons.arrow_forward_ios, size: 16),
-              onPressed: () async {
-                final result = await DataTransferService.importData(context);
-                if (!context.mounted) return;
-                showImportSnackBar(context: context, result: result);
-              },
-            ),
-            SettingsListTile(
-              title: loc.delete_all_data,
-              icon: Icons.delete_rounded,
-              suffixWidget: const Icon(Icons.arrow_forward_ios, size: 16),
-              onPressed: () {
-                showDialog<bool>(
-                  context: context,
-                  builder: (context) => AlertDialog(
-                    title: Text('${loc.delete_all_data}?'),
-                    content: Text(loc.this_cannot_be_undone),
-                    actions: [
-                      TextButton(
-                        onPressed: () => Navigator.of(context).pop(false),
-                        child: Text(loc.cancel),
-                      ),
-                      TextButton(
-                        onPressed: () => Navigator.of(context).pop(true),
-                        child: Text(loc.delete),
-                      ),
-                    ],
-                  ),
-                ).then((confirmed) {
-                  if (confirmed == true && context.mounted) {
-                    DataTransferService.deleteAllData(context);
-                    showSnackbar(
-                      context: context,
-                      message: AppLocalizations.of(
-                        context,
-                      ).data_successfully_deleted,
-                    );
-                  }
-                });
-              },
-            ),
-            const Spacer(),
-            Padding(
-              padding: const EdgeInsets.all(20),
-              child: Center(
-                child: Text(
-                  'Version ${_packageInfo.version} (${_packageInfo.buildNumber})',
-                  style: TextStyle(
-                    color: Colors.grey.shade600,
-                    fontSize: 14,
-                    fontWeight: FontWeight.w600,
-                  ),
-                ),
-              ),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
-  /// Displays a snackbar based on the import result.
-  ///
-  /// [context] The BuildContext to show the snackbar in.
-  /// [result] The result of the import operation.
-  void showImportSnackBar({
-    required BuildContext context,
-    required ImportResult result,
-  }) {
-    final loc = AppLocalizations.of(context);
-    switch (result) {
-      case ImportResult.success:
-        showSnackbar(context: context, message: loc.data_successfully_imported);
-      case ImportResult.invalidSchema:
-        showSnackbar(context: context, message: loc.invalid_schema);
-      case ImportResult.fileReadError:
-        showSnackbar(context: context, message: loc.error_reading_file);
-      case ImportResult.canceled:
-        showSnackbar(context: context, message: loc.import_canceled);
-      case ImportResult.formatException:
-        showSnackbar(context: context, message: loc.format_exception);
-      case ImportResult.unknownException:
-        showSnackbar(context: context, message: loc.unknown_exception);
-    }
-  }
-
-  /// Displays a snackbar based on the export result.
-  ///
-  /// [context] The BuildContext to show the snackbar in.
-  /// [result] The result of the export operation.
-  void showExportSnackBar({
-    required BuildContext context,
-    required ExportResult result,
-  }) {
-    final loc = AppLocalizations.of(context);
-    switch (result) {
-      case ExportResult.success:
-        showSnackbar(context: context, message: loc.data_successfully_exported);
-      case ExportResult.canceled:
-        showSnackbar(context: context, message: loc.export_canceled);
-      case ExportResult.unknownException:
-        showSnackbar(context: context, message: loc.unknown_exception);
-    }
-  }
-
-  /// Displays a snackbar with the given message and optional action.
-  ///
-  /// [context] The BuildContext to show the snackbar in.
-  /// [message] The message to display in the snackbar.
-  /// [duration] The duration for which the snackbar is displayed.
-  /// [action] An optional callback function to execute when the action button is pressed.
-  void showSnackbar({
-    required BuildContext context,
-    required String message,
-    Duration duration = const Duration(seconds: 3),
-    VoidCallback? action,
-  }) {
-    final loc = AppLocalizations.of(context);
-    final messenger = ScaffoldMessenger.of(context);
-    messenger.hideCurrentSnackBar();
-    messenger.showSnackBar(
-      SnackBar(
-        content: Text(message, style: const TextStyle(color: Colors.white)),
-        backgroundColor: CustomTheme.onBoxColor,
-        duration: duration,
-        action: action != null
-            ? SnackBarAction(label: loc.undo, onPressed: action)
-            : null,
-      ),
-    );
-  }
-
-  Future<void> _initPackageInfo() async {
-    final info = await PackageInfo.fromPlatform();
-    setState(() {
-      _packageInfo = info;
-    });
-  }
-}

lib/presentation/views/main_menu/settings_view/licenses/license_detail_view.dart

@@ -0,0 +1,137 @@
+import 'package:flutter/material.dart';
+import 'package:game_tracker/core/custom_theme.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
+import 'package:game_tracker/presentation/views/main_menu/settings_view/licenses/oss_licenses.dart';
+import 'package:url_launcher/url_launcher.dart';
+
+class LicenseDetailView extends StatelessWidget {
+  final Package package;
+
+  const LicenseDetailView({super.key, required this.package});
+
+  @override
+  Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context);
+
+    return Scaffold(
+      appBar: AppBar(title: const Text('Lizenzdetails')),
+      body: SingleChildScrollView(
+        padding: const EdgeInsets.symmetric(horizontal: 8),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Center(
+              child: Column(
+                children: [
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      Container(
+                        margin: const EdgeInsetsGeometry.only(right: 15),
+                        width: 60,
+                        height: 60,
+                        decoration: BoxDecoration(
+                          color: CustomTheme.primaryColor.withAlpha(40),
+                          borderRadius: BorderRadius.circular(10),
+                        ),
+                        child: Icon(
+                          Icons.description,
+                          color: CustomTheme.primaryColor,
+                          size: 30,
+                        ),
+                      ),
+                      Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Text(
+                            package.name,
+                            textAlign: TextAlign.left,
+                            style: const TextStyle(
+                              height: 0,
+                              fontSize: 24,
+                              fontWeight: FontWeight.bold,
+                            ),
+                          ),
+                          if (package.version != null) ...[
+                            Text(
+                              'Version ${package.version}',
+                              textAlign: TextAlign.left,
+                              style: TextStyle(
+                                fontSize: 14,
+                                color: Colors.grey.shade300,
+                              ),
+                            ),
+                          ],
+                        ],
+                      ),
+                    ],
+                  ),
+
+                  if (package.authors.isNotEmpty) ...[
+                    const SizedBox(height: 8),
+                    SelectableText(
+                      package.authors.join(', '),
+                      textAlign: TextAlign.center,
+                      style: TextStyle(
+                        fontSize: 12,
+                        color: Colors.grey.shade500,
+                      ),
+                    ),
+                  ],
+                  if (package.homepage != null &&
+                      package.homepage!.isNotEmpty) ...[
+                    const SizedBox(height: 8),
+                    GestureDetector(
+                      onTap: () async {
+                        final uri = Uri.parse(package.homepage!);
+                        await launchUrl(uri, mode: LaunchMode.platformDefault);
+                      },
+                      child: SizedBox(
+                        width: 300,
+                        child: Text(
+                          package.homepage!,
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                          textAlign: TextAlign.center,
+                          style: TextStyle(
+                            fontSize: 12,
+                            color: CustomTheme.secondaryColor,
+                            decoration: TextDecoration.underline,
+                            decorationColor: CustomTheme.secondaryColor,
+                          ),
+                        ),
+                      ),
+                    ),
+                  ],
+                ],
+              ),
+            ),
+            const SizedBox(height: 20),
+            Container(
+              width: double.infinity,
+              padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 16),
+              decoration: CustomTheme.standardBoxDecoration,
+              child: (package.license != null && package.license!.isNotEmpty)
+                  ? SelectableText(
+                      package.license!,
+                      style: TextStyle(
+                        fontSize: 12,
+                        color: Colors.grey.shade300,
+                        height: 1.5,
+                        fontFamily: 'monospace',
+                      ),
+                    )
+                  : Center(
+                      heightFactor: 25,
+                      child: Text(
+                        loc.no_license_text_available,
+                        style: TextStyle(color: Colors.grey.shade500),
+                      ),
+                    ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/presentation/views/main_menu/settings_view/licenses_view.dart

@@ -0,0 +1,32 @@
+import 'package:flutter/material.dart';
+import 'package:game_tracker/core/custom_theme.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
+import 'package:game_tracker/presentation/views/main_menu/settings_view/licenses/oss_licenses.dart';
+import 'package:game_tracker/presentation/widgets/tiles/license_tile.dart';
+
+class LicensesView extends StatelessWidget {
+  const LicensesView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context);
+
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(loc.licenses),
+        backgroundColor: CustomTheme.backgroundColor,
+      ),
+      backgroundColor: CustomTheme.backgroundColor,
+      body: ListView.builder(
+        itemCount: allDependencies.length,
+        itemBuilder: (context, index) {
+          final package = allDependencies[index];
+          return Padding(
+            padding: const EdgeInsets.symmetric(vertical: 4, horizontal: 8),
+            child: LicenseTile(package: package),
+          );
+        },
+      ),
+    );
+  }
+}

lib/presentation/views/main_menu/settings_view/settings_view.dart

@@ -0,0 +1,310 @@
+import 'dart:io';
+
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:game_tracker/core/custom_theme.dart';
+import 'package:game_tracker/core/enums.dart';
+import 'package:game_tracker/l10n/generated/app_localizations.dart';
+import 'package:game_tracker/presentation/views/main_menu/settings_view/licenses_view.dart';
+import 'package:game_tracker/presentation/widgets/tiles/settings_list_tile.dart';
+import 'package:game_tracker/services/data_transfer_service.dart';
+import 'package:intl/intl.dart';
+import 'package:package_info_plus/package_info_plus.dart';
+import 'package:url_launcher/url_launcher.dart';
+
+class SettingsView extends StatefulWidget {
+  const SettingsView({super.key});
+
+  @override
+  State<SettingsView> createState() => _SettingsViewState();
+}
+
+class _SettingsViewState extends State<SettingsView> {
+  PackageInfo _packageInfo = PackageInfo(
+    appName: 'n.A.',
+    packageName: 'n.A.',
+    version: 'n.A.',
+    buildNumber: 'n.A.',
+  );
+  @override
+  void initState() {
+    super.initState();
+    _initPackageInfo();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context);
+    return ScaffoldMessenger(
+      child: Scaffold(
+        appBar: AppBar(backgroundColor: CustomTheme.backgroundColor),
+        backgroundColor: CustomTheme.backgroundColor,
+        body: SingleChildScrollView(
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.start,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Padding(
+                padding: const EdgeInsets.only(left: 16, bottom: 10),
+                child: Text(
+                  textAlign: TextAlign.start,
+                  loc.settings,
+                  style: const TextStyle(
+                    fontSize: 28,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+              ),
+              Padding(
+                padding: const EdgeInsets.only(left: 16, top: 10, bottom: 10),
+                child: Text(
+                  textAlign: TextAlign.start,
+                  loc.data,
+                  style: const TextStyle(
+                    fontSize: 22,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+              ),
+              SettingsListTile(
+                title: loc.export_data,
+                icon: Icons.upload,
+                suffixWidget: const Icon(Icons.arrow_forward_ios, size: 16),
+                onPressed: () async {
+                  final String json =
+                      await DataTransferService.getAppDataAsJson(context);
+                  final result = await DataTransferService.exportData(
+                    json,
+                    'game_tracker-data',
+                  );
+                  if (!context.mounted) return;
+                  showExportSnackBar(context: context, result: result);
+                },
+              ),
+              SettingsListTile(
+                title: loc.import_data,
+                icon: Icons.download,
+                suffixWidget: const Icon(Icons.arrow_forward_ios, size: 16),
+                onPressed: () async {
+                  final result = await DataTransferService.importData(context);
+                  if (!context.mounted) return;
+                  showImportSnackBar(context: context, result: result);
+                },
+              ),
+              SettingsListTile(
+                title: loc.delete_all_data,
+                icon: Icons.delete,
+                suffixWidget: const Icon(Icons.arrow_forward_ios, size: 16),
+                onPressed: () {
+                  showDialog<bool>(
+                    context: context,
+                    builder: (context) => AlertDialog(
+                      title: Text('${loc.delete_all_data}?'),
+                      content: Text(loc.this_cannot_be_undone),
+                      actions: [
+                        TextButton(
+                          onPressed: () => Navigator.of(context).pop(false),
+                          child: Text(loc.cancel),
+                        ),
+                        TextButton(
+                          onPressed: () => Navigator.of(context).pop(true),
+                          child: Text(loc.delete),
+                        ),
+                      ],
+                    ),
+                  ).then((confirmed) {
+                    if (confirmed == true && context.mounted) {
+                      DataTransferService.deleteAllData(context);
+                      showSnackbar(
+                        context: context,
+                        message: AppLocalizations.of(
+                          context,
+                        ).data_successfully_deleted,
+                      );
+                    }
+                  });
+                },
+              ),
+              Padding(
+                padding: const EdgeInsets.only(left: 16, top: 10, bottom: 10),
+                child: Text(
+                  textAlign: TextAlign.start,
+                  loc.legal,
+                  style: const TextStyle(
+                    fontSize: 22,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+              ),
+              SettingsListTile(
+                title: loc.licenses,
+                icon: Icons.insert_drive_file,
+                suffixWidget: const Icon(Icons.arrow_forward_ios, size: 16),
+                onPressed: () {
+                  Navigator.of(context).push(
+                    MaterialPageRoute(
+                      builder: (context) => const LicensesView(),
+                    ),
+                  );
+                },
+              ),
+              SettingsListTile(
+                title: loc.legal_notice,
+                icon: Icons.account_balance_sharp,
+                suffixWidget: const Icon(Icons.arrow_forward_ios, size: 16),
+                onPressed: null,
+              ),
+              SettingsListTile(
+                title: loc.privacy_policy,
+                icon: Icons.gpp_good_rounded,
+                suffixWidget: const Icon(Icons.arrow_forward_ios, size: 16),
+                onPressed: null,
+              ),
+              Padding(
+                padding: const EdgeInsets.only(top: 30, bottom: 20),
+                child: Center(
+                  child: Column(
+                    spacing: 4,
+                    children: [
+                      Padding(
+                        padding: const EdgeInsets.only(bottom: 12),
+                        child: Row(
+                          mainAxisAlignment: MainAxisAlignment.center,
+                          spacing: 40,
+                          children: [
+                            GestureDetector(
+                              child: const Icon(Icons.language),
+                              onTap: () => {
+                                launchUrl(Uri.parse('https://liquid-dev.de')),
+                              },
+                            ),
+                            GestureDetector(
+                              child: const FaIcon(FontAwesomeIcons.github),
+                              onTap: () => {
+                                launchUrl(
+                                  Uri.parse(
+                                    'https://github.com/liquiddevelopmentde',
+                                  ),
+                                ),
+                              },
+                            ),
+                            GestureDetector(
+                              child: Icon(
+                                Platform.isIOS
+                                    ? CupertinoIcons.mail_solid
+                                    : Icons.email,
+                              ),
+                              onTap: () => launchUrl(
+                                Uri.parse('mailto:hi@liquid-dev.de'),
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                      Text(
+                        '© ${DateFormat('yyyy').format(DateTime.now())} Liquid Development',
+                        style: TextStyle(
+                          color: Colors.grey.shade600,
+                          fontSize: 14,
+                          fontWeight: FontWeight.w600,
+                        ),
+                      ),
+                      Text(
+                        'Version ${_packageInfo.version} (${_packageInfo.buildNumber})',
+                        style: TextStyle(
+                          color: Colors.grey.shade600,
+                          fontSize: 14,
+                          fontWeight: FontWeight.w600,
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  /// Displays a snackbar based on the import result.
+  ///
+  /// [context] The BuildContext to show the snackbar in.
+  /// [result] The result of the import operation.
+  void showImportSnackBar({
+    required BuildContext context,
+    required ImportResult result,
+  }) {
+    final loc = AppLocalizations.of(context);
+    switch (result) {
+      case ImportResult.success:
+        showSnackbar(context: context, message: loc.data_successfully_imported);
+      case ImportResult.invalidSchema:
+        showSnackbar(context: context, message: loc.invalid_schema);
+      case ImportResult.fileReadError:
+        showSnackbar(context: context, message: loc.error_reading_file);
+      case ImportResult.canceled:
+        showSnackbar(context: context, message: loc.import_canceled);
+      case ImportResult.formatException:
+        showSnackbar(context: context, message: loc.format_exception);
+      case ImportResult.unknownException:
+        showSnackbar(context: context, message: loc.unknown_exception);
+    }
+  }
+
+  /// Displays a snackbar based on the export result.
+  ///
+  /// [context] The BuildContext to show the snackbar in.
+  /// [result] The result of the export operation.
+  void showExportSnackBar({
+    required BuildContext context,
+    required ExportResult result,
+  }) {
+    final loc = AppLocalizations.of(context);
+    switch (result) {
+      case ExportResult.success:
+        showSnackbar(context: context, message: loc.data_successfully_exported);
+      case ExportResult.canceled:
+        showSnackbar(context: context, message: loc.export_canceled);
+      case ExportResult.unknownException:
+        showSnackbar(context: context, message: loc.unknown_exception);
+    }
+  }
+
+  /// Displays a snackbar with the given message and optional action.
+  ///
+  /// [context] The BuildContext to show the snackbar in.
+  /// [message] The message to display in the snackbar.
+  /// [duration] The duration for which the snackbar is displayed.
+  /// [action] An optional callback function to execute when the action button is pressed.
+  void showSnackbar({
+    required BuildContext context,
+    required String message,
+    Duration duration = const Duration(seconds: 3),
+    VoidCallback? action,
+  }) {
+    final loc = AppLocalizations.of(context);
+    final messenger = ScaffoldMessenger.of(context);
+    messenger.hideCurrentSnackBar();
+    messenger.showSnackBar(
+      SnackBar(
+        content: Text(message, style: const TextStyle(color: Colors.white)),
+        backgroundColor: CustomTheme.onBoxColor,
+        duration: duration,
+        action: action != null
+            ? SnackBarAction(label: loc.undo, onPressed: action)
+            : null,
+      ),
+    );
+  }
+
+  /// Initializes the package information.
+  Future<void> _initPackageInfo() async {
+    final info = await PackageInfo.fromPlatform();
+    setState(() {
+      _packageInfo = info;
+    });
+  }
+}

lib/presentation/widgets/buttons/main_menu_button.dart

@@ -0,0 +1,98 @@
+import 'package:flutter/material.dart';
+
+/// A button for the main menu with an optional icon and a press animation.
+/// - [text]: The text of the button.
+/// - [icon]: The icon of the button.
+/// - [onPressed]: The callback to be invoked when the button is pressed.
+class MainMenuButton extends StatefulWidget {
+  const MainMenuButton({
+    super.key,
+    required this.text,
+    this.icon,
+    required this.onPressed,
+  });
+
+  /// The text of the button.
+  final String text;
+
+  /// The icon of the button.
+  final IconData? icon;
+
+  /// The callback to be invoked when the button is pressed.
+  final void Function() onPressed;
+
+  @override
+  State<MainMenuButton> createState() => _MainMenuButtonState();
+}
+
+class _MainMenuButtonState extends State<MainMenuButton>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _animationController;
+  late Animation<double> _scaleAnimation;
+
+  @override
+  void initState() {
+    super.initState();
+
+    _animationController = AnimationController(
+      duration: const Duration(milliseconds: 100),
+      vsync: this,
+    );
+
+    _scaleAnimation = Tween<double>(begin: 1.0, end: 0.95).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.easeInOut),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return ScaleTransition(
+      scale: _scaleAnimation,
+      child: GestureDetector(
+        onTapDown: (_) {
+          _animationController.forward();
+        },
+        onTapUp: (_) async {
+          await _animationController.reverse();
+          if (mounted) {
+            widget.onPressed();
+          }
+        },
+        onTapCancel: () {
+          _animationController.reverse();
+        },
+        child: Container(
+          decoration: BoxDecoration(
+            color: Colors.white,
+            borderRadius: BorderRadius.circular(30),
+          ),
+          padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 14),
+          child: Row(
+            mainAxisSize: MainAxisSize.min,
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              if (widget.icon != null) ...[
+                Icon(widget.icon, size: 26, color: Colors.black),
+                const SizedBox(width: 7),
+              ],
+              Text(
+                widget.text,
+                style: const TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.bold,
+                  color: Colors.black,
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
+}

lib/presentation/widgets/navbar_item.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:game_tracker/core/custom_theme.dart';
 
 /// A navigation bar item widget that represents a single tab in a navigation bar.
 /// - [index]: The index of the tab.
@@ -35,7 +36,45 @@ class NavbarItem extends StatefulWidget {
   State<NavbarItem> createState() => _NavbarItemState();
 }
 
-class _NavbarItemState extends State<NavbarItem> {
+class _NavbarItemState extends State<NavbarItem>
+    with SingleTickerProviderStateMixin {
+  /// Animation controller for the scale animation
+  late AnimationController _animationController;
+
+  /// Scale animation for the icon when selected
+  late Animation<double> _scaleAnimation;
+
+  @override
+  void initState() {
+    super.initState();
+    _animationController = AnimationController(
+      duration: const Duration(milliseconds: 300),
+      vsync: this,
+    );
+
+    _scaleAnimation = Tween<double>(begin: 1.0, end: 1.2).animate(
+      CurvedAnimation(
+        parent: _animationController,
+        curve: Curves.easeInOutBack,
+      ),
+    );
+
+    if (widget.isSelected) {
+      _animationController.forward();
+    }
+  }
+
+  // Retrigger animation on selection change
+  @override
+  void didUpdateWidget(NavbarItem oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (widget.isSelected && !oldWidget.isSelected) {
+      _animationController.forward();
+    } else if (!widget.isSelected && oldWidget.isSelected) {
+      _animationController.reverse();
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     return Expanded(
@@ -48,19 +87,29 @@ class _NavbarItemState extends State<NavbarItem> {
             mainAxisSize: MainAxisSize.min,
             mainAxisAlignment: MainAxisAlignment.center,
             children: [
-              Icon(
+              ScaleTransition(
+                scale: widget.isSelected
+                    ? _scaleAnimation
+                    : const AlwaysStoppedAnimation(1.0),
+                child: Icon(
                   widget.icon,
-                color: widget.isSelected ? Colors.white : Colors.black,
+                  color: widget.isSelected
+                      ? CustomTheme.navBarItemSelectedColor
+                      : CustomTheme.navBarItemUnselectedColor,
+                  size: 32,
+                ),
               ),
               const SizedBox(height: 4),
               Text(
                 widget.label,
                 style: TextStyle(
-                  color: widget.isSelected ? Colors.white : Colors.black,
+                  color: widget.isSelected
-                  fontSize: 12,
+                      ? CustomTheme.navBarItemSelectedColor
+                      : CustomTheme.navBarItemUnselectedColor,
+                  fontSize: widget.isSelected ? 12 : 11,
                   fontWeight: widget.isSelected
                       ? FontWeight.bold
-                      : FontWeight.normal,
+                      : FontWeight.w500,
                 ),
               ),
             ],
@@ -69,4 +118,10 @@ class _NavbarItemState extends State<NavbarItem> {
       ),
     );
   }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
 }

lib/presentation/widgets/tiles/license_tile.dart

@@ -0,0 +1,106 @@
+import 'package:flutter/material.dart';
+import 'package:game_tracker/core/custom_theme.dart';
+import 'package:game_tracker/presentation/views/main_menu/settings_view/licenses/license_detail_view.dart';
+import 'package:game_tracker/presentation/views/main_menu/settings_view/licenses/oss_licenses.dart';
+
+class LicenseTile extends StatelessWidget {
+  final Package package;
+
+  const LicenseTile({super.key, required this.package});
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () {
+        Navigator.of(context).push(
+          MaterialPageRoute(
+            builder: (context) => LicenseDetailView(package: package),
+          ),
+        );
+      },
+      child: Container(
+        margin: const EdgeInsets.only(bottom: 8),
+        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 12),
+        decoration: CustomTheme.standardBoxDecoration.copyWith(
+          borderRadius: BorderRadius.circular(12),
+        ),
+        child: Row(
+          children: [
+            Container(
+              width: 50,
+              height: 50,
+              decoration: BoxDecoration(
+                color: CustomTheme.primaryColor.withAlpha(40),
+                borderRadius: BorderRadius.circular(10),
+              ),
+              child: Icon(
+                Icons.description,
+                color: CustomTheme.primaryColor,
+                size: 32,
+              ),
+            ),
+            const SizedBox(width: 16),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Row(
+                    children: [
+                      Flexible(
+                        child: Text(
+                          package.name,
+                          overflow: TextOverflow.ellipsis,
+                          maxLines: 1,
+                          style: const TextStyle(
+                            fontSize: 16,
+                            fontWeight: FontWeight.w600,
+                          ),
+                        ),
+                      ),
+                      if (package.version != null &&
+                          package.version!.isNotEmpty) ...[
+                        const SizedBox(width: 12),
+                        Container(
+                          padding: const EdgeInsets.symmetric(
+                            horizontal: 8,
+                            vertical: 2,
+                          ),
+                          decoration: BoxDecoration(
+                            color: CustomTheme.onBoxColor,
+                            borderRadius: BorderRadius.circular(6),
+                          ),
+                          child: Text(
+                            'v${package.version}',
+                            style: TextStyle(
+                              fontSize: 11,
+                              color: Colors.grey.shade500,
+                              fontWeight: FontWeight.w500,
+                            ),
+                          ),
+                        ),
+                      ],
+                    ],
+                  ),
+                  const SizedBox(height: 4),
+                  Text(
+                    package.description,
+                    maxLines: 2,
+                    overflow: TextOverflow.ellipsis,
+                    style: TextStyle(
+                      fontSize: 13,
+                      color: Colors.grey.shade400,
+                      height: 1.3,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+            const SizedBox(width: 12),
+            // Arrow Icon
+            Icon(Icons.chevron_right, color: Colors.grey.shade600, size: 24),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/presentation/widgets/tiles/settings_list_tile.dart

@@ -38,7 +38,7 @@ class SettingsListTile extends StatelessWidget {
             onTap: onPressed ?? () {},
             child: Container(
               margin: EdgeInsets.zero,
-              padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 14),
+              padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
               decoration: CustomTheme.standardBoxDecoration,
               child: Row(
                 mainAxisAlignment: MainAxisAlignment.spaceBetween,
@@ -47,12 +47,17 @@ class SettingsListTile extends StatelessWidget {
                     mainAxisSize: MainAxisSize.min,
                     children: [
                       Container(
-                        padding: const EdgeInsets.all(8),
+                        width: 44,
+                        height: 44,
                         decoration: BoxDecoration(
-                          color: CustomTheme.primaryColor,
+                          color: CustomTheme.primaryColor.withAlpha(40),
-                          shape: BoxShape.circle,
+                          borderRadius: BorderRadius.circular(10),
+                        ),
+                        child: Icon(
+                          icon,
+                          size: 28,
+                          color: CustomTheme.primaryColor.withGreen(40),
                         ),
-                        child: Icon(icon, size: 24),
                       ),
                       const SizedBox(width: 16),
                       Text(title, style: const TextStyle(fontSize: 18)),

pubspec.yaml

@@ -1,7 +1,7 @@
 name: game_tracker
 description: "Game Tracking App for Card Games"
 publish_to: 'none'
-version: 0.0.4+101
+version: 0.0.6+208
 
 environment:
   sdk: ^3.8.1
@@ -9,27 +9,32 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
+  flutter_localizations:
+    sdk: flutter
+  clock: ^1.1.2
+  cupertino_icons: ^1.0.6
   drift: ^2.27.0
   drift_flutter: ^0.2.4
+  file_picker: ^10.3.6
+  file_saver: ^0.3.1
+  fluttericon: ^2.0.0
+  font_awesome_flutter: ^10.12.0
+  intl: any
+  json_schema: ^5.2.2
+  package_info_plus: ^9.0.0
   path_provider: ^2.1.5
   provider: ^6.1.5
   skeletonizer: ^2.1.0+1
+  url_launcher: ^6.3.2
   uuid: ^4.5.2
-  file_picker: ^10.3.6
-  json_schema: ^5.2.2
-  file_saver: ^0.3.1
-  clock: ^1.1.2
-  intl: any
-  flutter_localizations:
-    sdk: flutter
-  package_info_plus: ^9.0.0
 
 dev_dependencies:
   flutter_test:
     sdk: flutter
-  flutter_lints: ^5.0.0
-  drift_dev: ^2.27.0
   build_runner: ^2.5.4
+  dart_pubspec_licenses: ^3.0.14
+  drift_dev: ^2.27.0
+  flutter_lints: ^5.0.0
 
 flutter:
   uses-material-design: true