refactor: customize form component themes and update layout

This commit introduces a centralized `FormThemes` widget to override the default styles of form components (Checkbox, Radio, RadioCard, Slider, and Switch) and updates the global theme state with specific border and input colors.

### Key Changes:

*   **Theme State Updates (`lib/theme/cubit/theme_state.dart`):**
    *   Added `border` and `input` color definitions to both light and dark `ColorScheme` configurations to ensure consistent UI framing.

*   **New Form Theme Overrides (`lib/screens/widgets/overrides/form_themes.dart`):**
    *   Created `FormThemes` widget using `ComponentTheme` to provide custom styling for common form elements.
    *   Implemented adaptive styling for `Checkbox`, `Radio`, `RadioCard`, `Slider`, and `Switch` that reacts to the current dark/light mode state.

*   **Layout Integration (`lib/screens/widgets/layouts/override_theme_layout.dart`):**
    *   Wrapped the application's base layout with the new `FormThemes` provider to apply the custom styles across the application.

*   **Cleanup (`lib/screens/components/forms/forms_screen.dart`):**
    *   Removed a redundant `Switch` example from the `FormsScreen` documentation/example page.

Author: vmeng-b

lib/screens/components/forms/forms_screen.dart

@@ -493,35 +493,6 @@ class _FormsScreenState extends State<FormsScreen> {
                 ],
               ).withPadding(horizontal: 10),
               Gap(20),
-              CodeCard(
-                title: 'Toggle Switch',
-                example: Switch(
-                  value: toggleValue,
-                  onChanged: (value) {
-                    setState(() {
-                      toggleValue = value;
-                    });
-                  },
-                  leading: const Text('Option 1'),
-                  trailing: const Text('Option 2'),
-                ),
-                lines: [
-                  CodeCommentLine("# Am Anfang der Klasse angeben"),
-                  CodeTextLine("bool toggleValue = false;"),
-                  CodeCommentLine("# Beispiel für Toggle Switches"),
-                  CodeTextLine("Switch("),
-                  CodeTextLine("  value: toggleValue,"),
-                  CodeTextLine("  onChanged: (value) {"),
-                  CodeTextLine("    setState(() {"),
-                  CodeTextLine("      toggleValue = value;"),
-                  CodeTextLine("    });"),
-                  CodeTextLine("  },"),
-                  CodeTextLine("  leading: const Text('Option 1'),"),
-                  CodeTextLine("  trailing: const Text('Option 2'),"),
-                  CodeTextLine("),"),
-                ],
-              ).withPadding(horizontal: 10),
-              Gap(20),
               CodeCard(
                 title: 'Slider',
                 example: Column(

lib/screens/widgets/layouts/override_theme_layout.dart

@@ -1,3 +1,4 @@
+import 'package:police_flutter_template/screens/widgets/overrides/form_themes.dart';
 import 'package:shadcn_flutter/shadcn_flutter.dart';
 
 import '../overrides/button_themes.dart';
@@ -11,8 +12,10 @@ class OverrideThemeLayout extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return ButtonThemes(
-      child: ContainerThemes(child: CardThemes(child: child)),
+    return FormThemes(
+      child: ButtonThemes(
+        child: ContainerThemes(child: CardThemes(child: child)),
+      ),
     );
   }
 }

lib/screens/widgets/overrides/form_themes.dart

@@ -0,0 +1,55 @@
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:shadcn_flutter/shadcn_flutter.dart';
+
+import '../../../theme/cubit/theme_cubit.dart';
+
+class FormThemes extends StatelessWidget {
+  const FormThemes({super.key, required this.child});
+
+  final Widget child;
+
+  @override
+  Widget build(BuildContext context) {
+    final isDark = context.watch<ThemeCubit>().state.isDarkMode;
+    return ComponentTheme(
+      data: CheckboxTheme(
+        backgroundColor: isDark ? Colors.gray[800] : Colors.white,
+        activeColor: isDark ? Colors.gray[500] : Colors.blue[900],
+        borderColor: isDark ? Colors.gray[100] : Colors.blue[900],
+      ),
+      child: ComponentTheme(
+        data: RadioTheme(
+          backgroundColor: isDark ? Colors.gray[800] : Colors.white,
+          activeColor: isDark ? Colors.gray[400] : Colors.blue[900],
+          borderColor: isDark ? Colors.gray[100] : Colors.blue[900],
+        ),
+        child: ComponentTheme(
+          data: RadioCardTheme(
+            color: isDark ? Colors.gray[800] : Colors.white,
+            hoverColor: isDark ? Colors.gray[500] : Colors.blue[200],
+            borderColor: isDark ? Colors.gray[300] : Colors.blue[900],
+            selectedBorderColor: isDark ? Colors.gray[100] : Colors.blue[900],
+            selectedBorderWidth: 3,
+          ),
+          child: ComponentTheme(
+            data: SliderTheme(
+              trackColor: isDark ? Colors.gray[500] : Colors.gray[500],
+              valueColor: isDark ? Colors.gray[100] : Colors.gray[100],
+              thumbColor: isDark ? Colors.gray[100] : Colors.gray[100],
+              thumbBorderColor: isDark ? Colors.blue[900] : Colors.blue[900],
+            ),
+            child: ComponentTheme(
+              data: SwitchTheme(
+                activeColor: isDark ? Colors.blue[400] : Colors.blue[300],
+                activeThumbColor: isDark ? Colors.blue[900] : Colors.blue[900],
+                inactiveColor: isDark ? Colors.gray[500] : Colors.gray[200],
+                inactiveThumbColor: isDark ? Colors.gray[200] : Colors.blue[400],
+              ),
+              child: child,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/theme/cubit/theme_state.dart

@@ -35,6 +35,8 @@ final double radius = 0.5;
 final ColorScheme light = ColorSchemes.lightSlate.blue.copyWith(
   primary: () => Colors.blue[900],
   primaryForeground: () => Colors.white,
+  border: () => Colors.blue[900],
+  input: () => Colors.gray[100],
 );
 
 /// The light [ThemeData] for `shadcn_flutter`.
@@ -51,6 +53,8 @@ final ColorScheme dark = ColorSchemes.darkSlate.blue.copyWith(
   primary: () => Colors.blue[700],
   primaryForeground: () => Colors.white,
   card: () => Colors.gray[800],
+  border: () => Colors.gray[100],
+  input: () => Colors.gray[600],
 );
 
 /// The dark [ThemeData] for `shadcn_flutter`.