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

1 files changed, 146 insertions, 0 deletions

diff --git a/crates/material_theme/src/scrollable.rs b/crates/material_theme/src/scrollable.rs
new file mode 100644
index 0000000..341f047
--- /dev/null
+++ b/crates/material_theme/src/scrollable.rs
@@ -0,0 +1,146 @@
+use iced_widget::core::{Background, Border, border};
+use iced_widget::scrollable::{
+    Catalog, Rail, Scroller, Status, Style, StyleFn,
+};
+
+use super::Theme;
+use super::container::surface_container;
+use super::utils::mix;
+use crate::utils::{
+    HOVERED_LAYER_OPACITY, PRESSED_LAYER_OPACITY, 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 active = Rail {
+        background: None,
+        scroller: Scroller {
+            color: surface.on_surface,
+            border: border::rounded(400),
+        },
+        border: Border::default(),
+    };
+
+    let disabled = Rail {
+        background: Some(Background::Color(disabled_container(
+            surface.on_surface,
+        ))),
+        scroller: Scroller {
+            color: disabled_text(surface.on_surface),
+            border: border::rounded(400),
+        },
+        ..active
+    };
+
+    let style = Style {
+        container: surface_container(theme),
+        vertical_rail: active,
+        horizontal_rail: active,
+        gap: None,
+    };
+
+    match status {
+        Status::Active {
+            is_horizontal_scrollbar_disabled,
+            is_vertical_scrollbar_disabled,
+        } => Style {
+            horizontal_rail: if is_horizontal_scrollbar_disabled {
+                disabled
+            } else {
+                active
+            },
+            vertical_rail: if is_vertical_scrollbar_disabled {
+                disabled
+            } else {
+                active
+            },
+            ..style
+        },
+        Status::Hovered {
+            is_horizontal_scrollbar_hovered,
+            is_vertical_scrollbar_hovered,
+            is_horizontal_scrollbar_disabled,
+            is_vertical_scrollbar_disabled,
+        } => {
+            let hovered_rail = Rail {
+                scroller: Scroller {
+                    color: mix(
+                        surface.on_surface,
+                        surface.color,
+                        HOVERED_LAYER_OPACITY,
+                    ),
+                    border: border::rounded(400),
+                },
+                ..active
+            };
+
+            Style {
+                horizontal_rail: if is_horizontal_scrollbar_disabled {
+                    disabled
+                } else if is_horizontal_scrollbar_hovered {
+                    hovered_rail
+                } else {
+                    active
+                },
+                vertical_rail: if is_vertical_scrollbar_disabled {
+                    disabled
+                } else if is_vertical_scrollbar_hovered {
+                    hovered_rail
+                } else {
+                    active
+                },
+                ..style
+            }
+        }
+        Status::Dragged {
+            is_horizontal_scrollbar_dragged,
+            is_vertical_scrollbar_dragged,
+            is_horizontal_scrollbar_disabled,
+            is_vertical_scrollbar_disabled,
+        } => {
+            let dragged_rail = Rail {
+                scroller: Scroller {
+                    color: mix(
+                        surface.on_surface,
+                        surface.color,
+                        PRESSED_LAYER_OPACITY,
+                    ),
+                    border: border::rounded(400),
+                },
+                ..active
+            };
+
+            Style {
+                horizontal_rail: if is_horizontal_scrollbar_disabled {
+                    disabled
+                } else if is_horizontal_scrollbar_dragged {
+                    dragged_rail
+                } else {
+                    active
+                },
+                vertical_rail: if is_vertical_scrollbar_disabled {
+                    disabled
+                } else if is_vertical_scrollbar_dragged {
+                    dragged_rail
+                } else {
+                    active
+                },
+                ..style
+            }
+        }
+    }
+}