feat: Move shadow of Input to InputTheme (#781)

Author: marc2332

crates/components/src/input.rs

@@ -181,6 +181,7 @@ pub fn Input(
         corner_radius,
         font_theme,
         placeholder_font_theme,
+        shadow,
         ..
     } = theme;
 
@@ -203,7 +204,7 @@ pub fn Input(
             color: "{color}",
             background: "{background}",
             border: "1 solid {border_fill}",
-            shadow: "0 4 5 0 rgb(0, 0, 0, 0.1)",
+            shadow: "{shadow}",
             corner_radius: "{corner_radius}",
             margin: "{margin}",
             cursor_reference,

crates/hooks/src/theming/dark.rs

@@ -44,6 +44,7 @@ pub const DARK_THEME: Theme = Theme {
         width: LIGHT_THEME.input.width,
         margin: LIGHT_THEME.input.margin,
         corner_radius: LIGHT_THEME.input.corner_radius,
+        shadow: LIGHT_THEME.input.shadow,
     },
     switch: SwitchTheme {
         background: cow_borrowed!("rgb(60, 60, 60)"),

crates/hooks/src/theming/light.rs

@@ -44,6 +44,7 @@ pub const LIGHT_THEME: Theme = Theme {
         width: cow_borrowed!("150"),
         margin: cow_borrowed!("4"),
         corner_radius: cow_borrowed!("10"),
+        shadow: cow_borrowed!("0 4 5 0 rgb(0, 0, 0, 0.1)"),
     },
     switch: SwitchTheme {
         background: cow_borrowed!("rgb(121, 116, 126)"),

crates/hooks/src/theming/mod.rs

@@ -272,6 +272,7 @@ define_theme! {
         background: str,
         hover_background: str,
         border_fill: str,
+        shadow: str,
         width: str,
         margin: str,
         corner_radius: str,