summaryrefslogtreecommitdiff
path: root/crates/material_theme/src
diff options
context:
space:
mode:
Diffstat (limited to 'crates/material_theme/src')
-rw-r--r--crates/material_theme/src/lib.rs1
-rw-r--r--crates/material_theme/src/text_input.rs81
2 files changed, 82 insertions, 0 deletions
diff --git a/crates/material_theme/src/lib.rs b/crates/material_theme/src/lib.rs
index 521af2c..adffe09 100644
--- a/crates/material_theme/src/lib.rs
+++ b/crates/material_theme/src/lib.rs
@@ -12,6 +12,7 @@ pub mod menu;
pub mod pick_list;
pub mod scrollable;
pub mod text;
+pub mod text_input;
pub mod utils;
const DARK_THEME_CONTENT: &str = include_str!("../assets/themes/dark.toml");
diff --git a/crates/material_theme/src/text_input.rs b/crates/material_theme/src/text_input.rs
new file mode 100644
index 0000000..5fa65ef
--- /dev/null
+++ b/crates/material_theme/src/text_input.rs
@@ -0,0 +1,81 @@
+use iced_widget::core::{Background, Border, Color};
+use iced_widget::text_input::{Catalog, Status, Style, StyleFn};
+
+use super::Theme;
+use crate::utils::{DISABLED_CONTAINER_OPACITY, DISABLED_TEXT_OPACITY};
+
+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.colorscheme.surface;
+ let primary = theme.colorscheme.primary;
+
+ let active = Style {
+ background: Background::Color(surface.surface_container.highest),
+ border: Border {
+ color: theme.colorscheme.outline.color,
+ width: 1.0,
+ radius: 4.into(),
+ },
+ icon: surface.on_surface_variant,
+ placeholder: surface.on_surface_variant,
+ value: surface.on_surface,
+ selection: surface.on_surface,
+ };
+
+ 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: Color {
+ a: DISABLED_CONTAINER_OPACITY,
+ ..surface.on_surface
+ },
+ ..active.border
+ },
+ icon: Color {
+ a: DISABLED_TEXT_OPACITY,
+ ..surface.on_surface
+ },
+ placeholder: Color {
+ a: DISABLED_TEXT_OPACITY,
+ ..surface.on_surface
+ },
+ value: Color {
+ a: DISABLED_TEXT_OPACITY,
+ ..surface.on_surface
+ },
+ selection: Color {
+ a: DISABLED_TEXT_OPACITY,
+ ..surface.on_surface
+ },
+ },
+ Status::Focused { .. } => Style {
+ border: Border {
+ color: primary.color,
+ width: 2.0,
+ ..active.border
+ },
+ placeholder: primary.color,
+ ..active
+ },
+ }
+}