diff --git a/crates/components/src/input.rs b/crates/components/src/input.rs index 96de2e4a1..3679e4345 100644 --- a/crates/components/src/input.rs +++ b/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, diff --git a/crates/hooks/src/theming/dark.rs b/crates/hooks/src/theming/dark.rs index db62dc638..0187d6acf 100644 --- a/crates/hooks/src/theming/dark.rs +++ b/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)"), diff --git a/crates/hooks/src/theming/light.rs b/crates/hooks/src/theming/light.rs index 2e7a09601..40e40984c 100644 --- a/crates/hooks/src/theming/light.rs +++ b/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)"), diff --git a/crates/hooks/src/theming/mod.rs b/crates/hooks/src/theming/mod.rs index 8316b01dd..d8a224a7b 100644 --- a/crates/hooks/src/theming/mod.rs +++ b/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,