Merge pull request #20 from pml68/feat/custom-theme

1 files changed, 66 insertions, 0 deletions

diff --git a/crates/material_theme/src/text_input.rs b/crates/material_theme/src/text_input.rs
new file mode 100644
index 0000000..ed5e02a
--- /dev/null
+++ b/crates/material_theme/src/text_input.rs
@@ -0,0 +1,66 @@
+use iced_widget::core::{Background, Border, Color};
+use iced_widget::text_input::{Catalog, Status, Style, StyleFn};
+
+use super::Theme;
+use crate::utils::{disabled_container, disabled_text};
+
+impl Catalog for Theme {
+    type Class<'a> = StyleFn<'a, Self>;
+
+    fn default<'a>() -> Self::Class<'a> {
+        Box::new(default)
+    }
+
+    fn style(&self, class: &Self::Class<'_>, status: Status) -> Style {
+        class(self, status)
+    }
+}
+
+pub fn default(theme: &Theme, status: Status) -> Style {
+    let surface = theme.colors().surface;
+    let primary = theme.colors().primary;
+
+    let active = Style {
+        background: Background::Color(surface.surface_container.highest),
+        border: Border {
+            color: theme.colors().outline.color,
+            width: 1.0,
+            radius: 4.into(),
+        },
+        icon: surface.on_surface_variant,
+        placeholder: surface.on_surface_variant,
+        value: surface.on_surface,
+        selection: disabled_text(primary.color),
+    };
+
+    match status {
+        Status::Active => active,
+        Status::Hovered => Style {
+            border: Border {
+                color: surface.on_surface,
+                ..active.border
+            },
+            ..active
+        },
+        Status::Disabled => Style {
+            background: Color::TRANSPARENT.into(),
+            border: Border {
+                color: disabled_container(surface.on_surface),
+                ..active.border
+            },
+            icon: disabled_text(surface.on_surface),
+            placeholder: disabled_text(surface.on_surface),
+            value: disabled_text(surface.on_surface),
+            selection: disabled_text(surface.on_surface),
+        },
+        Status::Focused { .. } => Style {
+            border: Border {
+                color: primary.color,
+                width: 2.0,
+                ..active.border
+            },
+            placeholder: primary.color,
+            ..active
+        },
+    }
+}