refactor: Enhance dark mode theme and component styling

This commit improves the visual consistency and aesthetics of the application, with a particular focus on enhancing the dark mode experience.

### Key Changes:

*   **Dark Mode Theme:**
    *   The `card` color in the dark theme (`dark` ColorScheme) is now explicitly set to `Colors.gray[800]` for better contrast and a more defined look.

*   **`HeroSection` (`home_screen`):**
    *   The border color for the feature cards in dark mode is updated to `Colors.gray[600]`, improving their visibility and alignment with the enhanced dark theme.

*   **`NotFoundCard` and `NotFoundScreen`:**
    *   The `NotFoundCard` is refactored from a custom `OutlinedContainer` to use the standard `Card` widget.
    *   It now accepts `color` and `darkColor` properties to customize its border, making it more flexible.
    *   The shadow effect is now theme-aware, displaying a white-based shadow in dark mode for better visibility.
    *   The `NotFoundScreen` is updated to pass the new color properties to the `NotFoundCard`.

Author: Lukas Gundermann

lib/screens/error_pages/not_found_screen.dart

@@ -21,7 +21,13 @@ class NotFoundScreen extends StatelessWidget {
               : [Colors.blue[50], Colors.gray[100]],
         ),
       ),
-      children: [NotFoundCard(withShadow: true)],
+      children: [
+        NotFoundCard(
+          withShadow: true,
+          color: Colors.gray[300],
+          darkColor: Colors.gray[600],
+        ),
+      ],
     );
   }
 }

lib/screens/home/widgets/hero_section.dart

@@ -32,7 +32,7 @@ class _HeroSectionState extends State<HeroSection> {
       icon: LucideIcons.palette,
       title: "Polizei-Blau Design System",
       text:
-      "Professionelles Farbschema mit Berlin Polizei Blau als Primärfarbe",
+          "Professionelles Farbschema mit Berlin Polizei Blau als Primärfarbe",
     ),
     _HeroCards(
       icon: LucideIcons.moon,
@@ -84,22 +84,23 @@ class _HeroSectionState extends State<HeroSection> {
     return Container(
       decoration: isDarkMode
           ? BoxDecoration(
-        gradient: LinearGradient(
-          begin: Alignment.topLeft,
-          end: Alignment.bottomRight,
-          colors: [Colors.gray[950], Colors.blue[950], Colors.gray[900]],
-        ),
-      )
+              gradient: LinearGradient(
+                begin: Alignment.topLeft,
+                end: Alignment.bottomRight,
+                colors: [Colors.gray[950], Colors.blue[950], Colors.gray[900]],
+              ),
+            )
           : BoxDecoration(color: Colors.gray[50]),
       width: double.infinity,
       child: Column(
         children: [
           Gap(64),
           PrimaryBadge(child: Text('Flutter Template v.$_version')),
           Gap(5),
-          Text(
-            'Polizei Berlin',
-          ).x5Large.h1.setColors(lightColor: Colors.gray[800], darkColor: Colors.white),
+          Text('Polizei Berlin').x5Large.h1.setColors(
+            lightColor: Colors.gray[800],
+            darkColor: Colors.white,
+          ),
           Text('Design Template').x5Large.h1.setColors(
             lightColor: Colors.blue[800],
             darkColor: Colors.blue[400],
@@ -145,9 +146,9 @@ class _HeroSectionState extends State<HeroSection> {
                 final availableWidth = constraints.maxWidth;
 
                 final columns =
-                ((availableWidth + spacing) / (minCardWidth + spacing))
-                    .floor()
-                    .clamp(1, maxColumns);
+                    ((availableWidth + spacing) / (minCardWidth + spacing))
+                        .floor()
+                        .clamp(1, maxColumns);
 
                 return GridView.builder(
                   shrinkWrap: true,
@@ -196,7 +197,9 @@ class _HeroSectionState extends State<HeroSection> {
                         ),
                       ),
                     ).withHoverEffect(
-                      borderColor: Colors.gray[300],
+                      borderColor: isDarkMode
+                          ? Colors.gray[600]
+                          : Colors.gray[300],
                       hoverBorderColor: isDarkMode
                           ? Colors.blue[700]
                           : Colors.blue[900],
@@ -230,4 +233,4 @@ class _HeroCards {
 
   /// Short feature description.
   final String text;
-}
+}

lib/screens/widgets/error_pages/not_found_card.dart

@@ -11,31 +11,43 @@ class NotFoundCard extends StatelessWidget {
   const NotFoundCard({
     super.key,
     this.possibleReasons,
+    this.color,
+    this.darkColor,
     this.withShadow = false,
   });
 
   final List<String>? possibleReasons;
 
   final bool withShadow;
 
+  final Color? color;
+
+  final Color? darkColor;
+
   @override
   Widget build(BuildContext context) {
     final isDarkMode = context.watch<ThemeCubit>().state.isDarkMode;
     return ConstrainedBox(
       constraints: BoxConstraints(maxWidth: 720),
-      child: OutlinedContainer(
+      child: Card(
         boxShadow: withShadow
-            ? const [
-                BoxShadow(
-                  color: Color.fromRGBO(0, 0, 0, 0.25),
-                  offset: Offset(0, 0),
-                  blurRadius: 50,
-                  spreadRadius: -12,
-                ),
+            ? [
+                isDarkMode
+                    ? BoxShadow(
+                        color: Color.fromRGBO(255, 255, 255, 0.25),
+                        offset: Offset(0, 0),
+                        blurRadius: 50,
+                        spreadRadius: -12,
+                      )
+                    : BoxShadow(
+                        color: Color.fromRGBO(0, 0, 0, 0.25),
+                        offset: Offset(0, 0),
+                        blurRadius: 50,
+                        spreadRadius: -12,
+                      ),
               ]
             : null,
-        width: double.infinity,
-        borderColor: isDarkMode ? null : Colors.gray[200],
+        borderColor: isDarkMode ? darkColor : color,
         borderWidth: 2,
         child: Column(
           children: [

lib/theme/cubit/theme_state.dart

@@ -42,6 +42,7 @@ final ThemeData lightTheme = ThemeData(
 final ColorScheme dark = ColorSchemes.darkBlue.copyWith(
   primary: () => Colors.blue[700],
   primaryForeground: () => Colors.white,
+  card: () => Colors.gray[800],
   // card: () => const HSLColor.fromAHSL(1, 222.2, 0.84, 0.1).toColor(),
   // background: const Color(0xFF1F2327),
   // card: const Color(0xFF282E32),