- Replaced `borderColor` and `infillColor` parameters with a `buttonStyle` parameter.
- Introduced `ButtonStyle` enum (primary/secondary) to control styling.
- Updated `CustomWidthButton` to derive colors from `CustomTheme` based on the selected `ButtonStyle`.

@@ -0,0 +28,4 @@
+  late Future<List<Player>> _allPlayersFuture;
+  late final List<Player> skeletonData = List.filled(
+    7,
+    Player(id: '0', name: 'Player 0'),

@@ -0,0 +56,4 @@
+          backgroundColor: CustomTheme.backgroundColor,
+          scrolledUnderElevation: 0,
+          title: const Text(
+            "Create new group",

@@ -0,0 +57,4 @@
+          scrolledUnderElevation: 0,
+          title: const Text(
+            "Create new group",
+            style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold),

@@ -0,0 +94,4 @@
+                  children: [
+                    CustomSearchBar(
+                      controller: _searchBarController,
+                      constraints: BoxConstraints(maxHeight: 45, minHeight: 45),

@@ -0,0 +95,4 @@
+                    CustomSearchBar(
+                      controller: _searchBarController,
+                      constraints: BoxConstraints(maxHeight: 45, minHeight: 45),
+                      hintText: "Search for players",

@@ -0,0 +115,4 @@
+                        });
+                      },
+                    ),
+                    SizedBox(height: 10),

@@ -0,0 +117,4 @@
+                    ),
+                    SizedBox(height: 10),
+                    Text(
+                      "Ausgewählte Spieler: (${selectedPlayers.length})",

@@ -0,0 +118,4 @@
+                    SizedBox(height: 10),
+                    Text(
+                      "Ausgewählte Spieler: (${selectedPlayers.length})",
+                      style: TextStyle(

@@ -0,0 +123,4 @@
+                        fontWeight: FontWeight.bold,
+                      ),
+                    ),
+                    SizedBox(height: 10),

@@ -0,0 +130,4 @@
+                      spacing: 8.0,
+                      runSpacing: 8.0,
+                      children: <Widget>[
+                        for (var selectedPlayer in selectedPlayers)

@@ -0,0 +153,4 @@
+                          ),
+                      ],
+                    ),
+                    SizedBox(height: 10),

@@ -0,0 +155,4 @@
+                    ),
+                    SizedBox(height: 10),
+                    Text(
+                      "Alle Spieler:",

@@ -0,0 +156,4 @@
+                    SizedBox(height: 10),
+                    Text(
+                      "Alle Spieler:",
+                      style: TextStyle(

@@ -0,0 +161,4 @@
+                        fontWeight: FontWeight.bold,
+                      ),
+                    ),
+                    SizedBox(height: 10),

@@ -0,0 +216,4 @@
+                                    ),
+                                child:
+                                    (suggestedPlayers.isEmpty &&
+                                        !allPlayers.isEmpty)

@@ -0,0 +264,4 @@
+              ),
+            ),
+            FullWidthButton(
+              text: "Create group",

@@ -0,0 +267,4 @@
+              text: "Create group",
+              infillColor: CustomTheme.primaryColor,
+              borderColor: CustomTheme.primaryColor,
+              disabledInfillColor: CustomTheme.boxColor,

@@ -0,0 +275,4 @@
+                  : () async {
+                      bool success = await db.groupDao.addGroup(
+                        group: Group(
+                          id: Uuid().v4(),

@@ -0,0 +284,4 @@
+                        _groupNameController.clear();
+                        _searchBarController.clear();
+                        selectedPlayers.clear();
+                        Navigator.pop(context);

@@ -0,0 +286,4 @@
+                        selectedPlayers.clear();
+                        Navigator.pop(context);
+                      } else {
+                        ScaffoldMessenger.of(context).showSnackBar(

@@ -0,0 +289,4 @@
+                        ScaffoldMessenger.of(context).showSnackBar(
+                          SnackBar(
+                            backgroundColor: CustomTheme.boxColor,
+                            content: Center(

@@ -0,0 +291,4 @@
+                            backgroundColor: CustomTheme.boxColor,
+                            content: Center(
+                              child: Text(
+                                "Error while creating group, please try again",

@@ -0,0 +301,4 @@
+                      setState(() {});
+                    },
+            ),
+            SizedBox(height: 20),

@@ -0,0 +23,4 @@
+          constraints ?? const BoxConstraints(maxHeight: 45, minHeight: 45),
+      hintText: hintText,
+      onChanged: onChanged,
+      hintStyle: MaterialStateProperty.all(const TextStyle(fontSize: 16)),

@@ -0,0 +25,4 @@
+      onChanged: onChanged,
+      hintStyle: MaterialStateProperty.all(const TextStyle(fontSize: 16)),
+      leading: const Icon(Icons.search),
+      backgroundColor: MaterialStateProperty.all(CustomTheme.boxColor),

@@ -0,0 +26,4 @@
+      hintStyle: MaterialStateProperty.all(const TextStyle(fontSize: 16)),
+      leading: const Icon(Icons.search),
+      backgroundColor: MaterialStateProperty.all(CustomTheme.boxColor),
+      side: MaterialStateProperty.all(BorderSide(color: CustomTheme.boxBorder)),

@@ -0,0 +27,4 @@
+      leading: const Icon(Icons.search),
+      backgroundColor: MaterialStateProperty.all(CustomTheme.boxColor),
+      side: MaterialStateProperty.all(BorderSide(color: CustomTheme.boxBorder)),
+      shape: MaterialStateProperty.all(

@@ -0,0 +30,4 @@
+      shape: MaterialStateProperty.all(
+        RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+      ),
+      elevation: MaterialStateProperty.all(0),

@@ -3,3 +2,3 @@
 
 class FullWidthButton extends StatelessWidget {
-  const FullWidthButton({super.key, required this.text, this.onPressed});
+  const FullWidthButton({

@@ -0,0 +1,42 @@
+import 'package:flutter/material.dart';
+import 'package:game_tracker/core/custom_theme.dart';
+
+class IconListTile extends StatelessWidget {

@@ -0,0 +3,4 @@
+
+class IconListTile extends StatelessWidget {
+  final String text;
+  final IconData icon;

@@ -0,0 +3,4 @@
+
+class TextIconTile extends StatelessWidget {
+  final String text;
+  final IconData? icon;

@@ -0,0 +276,4 @@
+                          name: _groupNameController.text,
+                          members: selectedPlayers,
+                        ),
+                      );

@@ -0,0 +7,4 @@
+  const CustomWidthButton({
+    super.key,
+    required this.text,
+    this.disabledInfillColor,

@@ -0,0 +6,4 @@
+  final VoidCallback onPressed;
+  final bool iconEnabled;
+
+  const TextIconListTile({

@@ -0,0 +9,4 @@
+  const TextIconListTile({
+    super.key,
+    required this.text,
+    required this.onPressed,