summaryrefslogtreecommitdiffstats
path: root/style/src
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--style/src/button.rs96
-rw-r--r--style/src/checkbox.rs55
-rw-r--r--style/src/container.rs59
-rw-r--r--style/src/lib.rs8
-rw-r--r--style/src/progress_bar.rs42
-rw-r--r--style/src/radio.rs53
-rw-r--r--style/src/scrollable.rs76
-rw-r--r--style/src/slider.rs95
-rw-r--r--style/src/text_input.rs83
9 files changed, 567 insertions, 0 deletions
diff --git a/style/src/button.rs b/style/src/button.rs
new file mode 100644
index 00000000..93c27860
--- /dev/null
+++ b/style/src/button.rs
@@ -0,0 +1,96 @@
+//! Allow your users to perform actions by pressing a button.
+use iced_core::{Background, Color, Vector};
+
+/// The appearance of a button.
+#[derive(Debug)]
+pub struct Style {
+ pub shadow_offset: Vector,
+ pub background: Option<Background>,
+ pub border_radius: u16,
+ pub border_width: u16,
+ pub border_color: Color,
+ pub text_color: Color,
+}
+
+impl std::default::Default for Style {
+ fn default() -> Self {
+ Self {
+ shadow_offset: Vector::default(),
+ background: None,
+ border_radius: 0,
+ border_width: 0,
+ border_color: Color::TRANSPARENT,
+ text_color: Color::BLACK,
+ }
+ }
+}
+
+/// A set of rules that dictate the style of a button.
+pub trait StyleSheet {
+ fn active(&self) -> Style;
+
+ fn hovered(&self) -> Style {
+ let active = self.active();
+
+ Style {
+ shadow_offset: active.shadow_offset + Vector::new(0.0, 1.0),
+ ..active
+ }
+ }
+
+ fn pressed(&self) -> Style {
+ Style {
+ shadow_offset: Vector::default(),
+ ..self.active()
+ }
+ }
+
+ fn disabled(&self) -> Style {
+ let active = self.active();
+
+ Style {
+ shadow_offset: Vector::default(),
+ background: active.background.map(|background| match background {
+ Background::Color(color) => Background::Color(Color {
+ a: color.a * 0.5,
+ ..color
+ }),
+ }),
+ text_color: Color {
+ a: active.text_color.a * 0.5,
+ ..active.text_color
+ },
+ ..active
+ }
+ }
+}
+
+struct Default;
+
+impl StyleSheet for Default {
+ fn active(&self) -> Style {
+ Style {
+ shadow_offset: Vector::new(0.0, 1.0),
+ background: Some(Background::Color([0.5, 0.5, 0.5].into())),
+ border_radius: 5,
+ border_width: 0,
+ border_color: Color::TRANSPARENT,
+ text_color: Color::WHITE,
+ }
+ }
+}
+
+impl std::default::Default for Box<dyn StyleSheet> {
+ fn default() -> Self {
+ Box::new(Default)
+ }
+}
+
+impl<T> From<T> for Box<dyn StyleSheet>
+where
+ T: 'static + StyleSheet,
+{
+ fn from(style: T) -> Self {
+ Box::new(style)
+ }
+}
diff --git a/style/src/checkbox.rs b/style/src/checkbox.rs
new file mode 100644
index 00000000..3c645f15
--- /dev/null
+++ b/style/src/checkbox.rs
@@ -0,0 +1,55 @@
+//! Show toggle controls using checkboxes.
+use iced_core::{Background, Color};
+
+/// The appearance of a checkbox.
+#[derive(Debug)]
+pub struct Style {
+ pub background: Background,
+ pub checkmark_color: Color,
+ pub border_radius: u16,
+ pub border_width: u16,
+ pub border_color: Color,
+}
+
+/// A set of rules that dictate the style of a checkbox.
+pub trait StyleSheet {
+ fn active(&self, is_checked: bool) -> Style;
+
+ fn hovered(&self, is_checked: bool) -> Style;
+}
+
+struct Default;
+
+impl StyleSheet for Default {
+ fn active(&self, _is_checked: bool) -> Style {
+ Style {
+ background: Background::Color(Color::from_rgb(0.95, 0.95, 0.95)),
+ checkmark_color: Color::from_rgb(0.3, 0.3, 0.3),
+ border_radius: 5,
+ border_width: 1,
+ border_color: Color::from_rgb(0.6, 0.6, 0.6),
+ }
+ }
+
+ fn hovered(&self, is_checked: bool) -> Style {
+ Style {
+ background: Background::Color(Color::from_rgb(0.90, 0.90, 0.90)),
+ ..self.active(is_checked)
+ }
+ }
+}
+
+impl std::default::Default for Box<dyn StyleSheet> {
+ fn default() -> Self {
+ Box::new(Default)
+ }
+}
+
+impl<T> From<T> for Box<dyn StyleSheet>
+where
+ T: 'static + StyleSheet,
+{
+ fn from(style: T) -> Self {
+ Box::new(style)
+ }
+}
diff --git a/style/src/container.rs b/style/src/container.rs
new file mode 100644
index 00000000..d2247342
--- /dev/null
+++ b/style/src/container.rs
@@ -0,0 +1,59 @@
+//! Decorate content and apply alignment.
+use iced_core::{Background, Color};
+
+/// The appearance of a container.
+#[derive(Debug, Clone, Copy)]
+pub struct Style {
+ pub text_color: Option<Color>,
+ pub background: Option<Background>,
+ pub border_radius: u16,
+ pub border_width: u16,
+ pub border_color: Color,
+}
+
+impl std::default::Default for Style {
+ fn default() -> Self {
+ Self {
+ text_color: None,
+ background: None,
+ border_radius: 0,
+ border_width: 0,
+ border_color: Color::TRANSPARENT,
+ }
+ }
+}
+
+/// A set of rules that dictate the style of a container.
+pub trait StyleSheet {
+ /// Produces the style of a container.
+ fn style(&self) -> Style;
+}
+
+struct Default;
+
+impl StyleSheet for Default {
+ fn style(&self) -> Style {
+ Style {
+ text_color: None,
+ background: None,
+ border_radius: 0,
+ border_width: 0,
+ border_color: Color::TRANSPARENT,
+ }
+ }
+}
+
+impl std::default::Default for Box<dyn StyleSheet> {
+ fn default() -> Self {
+ Box::new(Default)
+ }
+}
+
+impl<T> From<T> for Box<dyn StyleSheet>
+where
+ T: 'static + StyleSheet,
+{
+ fn from(style: T) -> Self {
+ Box::new(style)
+ }
+}
diff --git a/style/src/lib.rs b/style/src/lib.rs
new file mode 100644
index 00000000..e0f56594
--- /dev/null
+++ b/style/src/lib.rs
@@ -0,0 +1,8 @@
+pub mod button;
+pub mod checkbox;
+pub mod container;
+pub mod progress_bar;
+pub mod radio;
+pub mod scrollable;
+pub mod slider;
+pub mod text_input;
diff --git a/style/src/progress_bar.rs b/style/src/progress_bar.rs
new file mode 100644
index 00000000..73503fa8
--- /dev/null
+++ b/style/src/progress_bar.rs
@@ -0,0 +1,42 @@
+//! Provide progress feedback to your users.
+use iced_core::{Background, Color};
+
+/// The appearance of a progress bar.
+#[derive(Debug)]
+pub struct Style {
+ pub background: Background,
+ pub bar: Background,
+ pub border_radius: u16,
+}
+
+/// A set of rules that dictate the style of a progress bar.
+pub trait StyleSheet {
+ fn style(&self) -> Style;
+}
+
+struct Default;
+
+impl StyleSheet for Default {
+ fn style(&self) -> Style {
+ Style {
+ background: Background::Color(Color::from_rgb(0.6, 0.6, 0.6)),
+ bar: Background::Color(Color::from_rgb(0.3, 0.9, 0.3)),
+ border_radius: 5,
+ }
+ }
+}
+
+impl std::default::Default for Box<dyn StyleSheet> {
+ fn default() -> Self {
+ Box::new(Default)
+ }
+}
+
+impl<T> From<T> for Box<dyn StyleSheet>
+where
+ T: 'static + StyleSheet,
+{
+ fn from(style: T) -> Self {
+ Box::new(style)
+ }
+}
diff --git a/style/src/radio.rs b/style/src/radio.rs
new file mode 100644
index 00000000..1f0689b9
--- /dev/null
+++ b/style/src/radio.rs
@@ -0,0 +1,53 @@
+//! Create choices using radio buttons.
+use iced_core::{Background, Color};
+
+/// The appearance of a radio button.
+#[derive(Debug)]
+pub struct Style {
+ pub background: Background,
+ pub dot_color: Color,
+ pub border_width: u16,
+ pub border_color: Color,
+}
+
+/// A set of rules that dictate the style of a radio button.
+pub trait StyleSheet {
+ fn active(&self) -> Style;
+
+ fn hovered(&self) -> Style;
+}
+
+struct Default;
+
+impl StyleSheet for Default {
+ fn active(&self) -> Style {
+ Style {
+ background: Background::Color(Color::from_rgb(0.95, 0.95, 0.95)),
+ dot_color: Color::from_rgb(0.3, 0.3, 0.3),
+ border_width: 1,
+ border_color: Color::from_rgb(0.6, 0.6, 0.6),
+ }
+ }
+
+ fn hovered(&self) -> Style {
+ Style {
+ background: Background::Color(Color::from_rgb(0.90, 0.90, 0.90)),
+ ..self.active()
+ }
+ }
+}
+
+impl std::default::Default for Box<dyn StyleSheet> {
+ fn default() -> Self {
+ Box::new(Default)
+ }
+}
+
+impl<T> From<T> for Box<dyn StyleSheet>
+where
+ T: 'static + StyleSheet,
+{
+ fn from(style: T) -> Self {
+ Box::new(style)
+ }
+}
diff --git a/style/src/scrollable.rs b/style/src/scrollable.rs
new file mode 100644
index 00000000..690c14a2
--- /dev/null
+++ b/style/src/scrollable.rs
@@ -0,0 +1,76 @@
+//! Navigate an endless amount of content with a scrollbar.
+use iced_core::{Background, Color};
+
+/// The appearance of a scrollable.
+#[derive(Debug, Clone, Copy)]
+pub struct Scrollbar {
+ pub background: Option<Background>,
+ pub border_radius: u16,
+ pub border_width: u16,
+ pub border_color: Color,
+ pub scroller: Scroller,
+}
+
+/// The appearance of the scroller of a scrollable.
+#[derive(Debug, Clone, Copy)]
+pub struct Scroller {
+ pub color: Color,
+ pub border_radius: u16,
+ pub border_width: u16,
+ pub border_color: Color,
+}
+
+/// A set of rules that dictate the style of a scrollable.
+pub trait StyleSheet {
+ /// Produces the style of an active scrollbar.
+ fn active(&self) -> Scrollbar;
+
+ /// Produces the style of an hovered scrollbar.
+ fn hovered(&self) -> Scrollbar;
+
+ /// Produces the style of a scrollbar that is being dragged.
+ fn dragging(&self) -> Scrollbar {
+ self.hovered()
+ }
+}
+
+struct Default;
+
+impl StyleSheet for Default {
+ fn active(&self) -> Scrollbar {
+ Scrollbar {
+ background: None,
+ border_radius: 5,
+ border_width: 0,
+ border_color: Color::TRANSPARENT,
+ scroller: Scroller {
+ color: [0.0, 0.0, 0.0, 0.7].into(),
+ border_radius: 5,
+ border_width: 0,
+ border_color: Color::TRANSPARENT,
+ },
+ }
+ }
+
+ fn hovered(&self) -> Scrollbar {
+ Scrollbar {
+ background: Some(Background::Color([0.0, 0.0, 0.0, 0.3].into())),
+ ..self.active()
+ }
+ }
+}
+
+impl std::default::Default for Box<dyn StyleSheet> {
+ fn default() -> Self {
+ Box::new(Default)
+ }
+}
+
+impl<T> From<T> for Box<dyn StyleSheet>
+where
+ T: 'static + StyleSheet,
+{
+ fn from(style: T) -> Self {
+ Box::new(style)
+ }
+}
diff --git a/style/src/slider.rs b/style/src/slider.rs
new file mode 100644
index 00000000..776e180c
--- /dev/null
+++ b/style/src/slider.rs
@@ -0,0 +1,95 @@
+//! Display an interactive selector of a single value from a range of values.
+use iced_core::Color;
+
+/// The appearance of a slider.
+#[derive(Debug, Clone, Copy)]
+pub struct Style {
+ pub rail_colors: (Color, Color),
+ pub handle: Handle,
+}
+
+/// The appearance of the handle of a slider.
+#[derive(Debug, Clone, Copy)]
+pub struct Handle {
+ pub shape: HandleShape,
+ pub color: Color,
+ pub border_width: u16,
+ pub border_color: Color,
+}
+
+/// The shape of the handle of a slider.
+#[derive(Debug, Clone, Copy)]
+pub enum HandleShape {
+ Circle { radius: u16 },
+ Rectangle { width: u16, border_radius: u16 },
+}
+
+/// A set of rules that dictate the style of a slider.
+pub trait StyleSheet {
+ /// Produces the style of an active slider.
+ fn active(&self) -> Style;
+
+ /// Produces the style of an hovered slider.
+ fn hovered(&self) -> Style;
+
+ /// Produces the style of a slider that is being dragged.
+ fn dragging(&self) -> Style;
+}
+
+struct Default;
+
+impl StyleSheet for Default {
+ fn active(&self) -> Style {
+ Style {
+ rail_colors: ([0.6, 0.6, 0.6, 0.5].into(), Color::WHITE),
+ handle: Handle {
+ shape: HandleShape::Rectangle {
+ width: 8,
+ border_radius: 4,
+ },
+ color: Color::from_rgb(0.95, 0.95, 0.95),
+ border_color: Color::from_rgb(0.6, 0.6, 0.6),
+ border_width: 1,
+ },
+ }
+ }
+
+ fn hovered(&self) -> Style {
+ let active = self.active();
+
+ Style {
+ handle: Handle {
+ color: Color::from_rgb(0.90, 0.90, 0.90),
+ ..active.handle
+ },
+ ..active
+ }
+ }
+
+ fn dragging(&self) -> Style {
+ let active = self.active();
+
+ Style {
+ handle: Handle {
+ color: Color::from_rgb(0.85, 0.85, 0.85),
+ ..active.handle
+ },
+ ..active
+ }
+ }
+}
+
+impl std::default::Default for Box<dyn StyleSheet> {
+ fn default() -> Self {
+ Box::new(Default)
+ }
+}
+
+impl<T> From<T> for Box<dyn StyleSheet>
+where
+ T: 'static + StyleSheet,
+{
+ fn from(style: T) -> Self {
+ Box::new(style)
+ }
+}
diff --git a/style/src/text_input.rs b/style/src/text_input.rs
new file mode 100644
index 00000000..c5123b20
--- /dev/null
+++ b/style/src/text_input.rs
@@ -0,0 +1,83 @@
+//! Display fields that can be filled with text.
+use iced_core::{Background, Color};
+
+/// The appearance of a text input.
+#[derive(Debug, Clone, Copy)]
+pub struct Style {
+ pub background: Background,
+ pub border_radius: u16,
+ pub border_width: u16,
+ pub border_color: Color,
+}
+
+impl std::default::Default for Style {
+ fn default() -> Self {
+ Self {
+ background: Background::Color(Color::WHITE),
+ border_radius: 0,
+ border_width: 0,
+ border_color: Color::TRANSPARENT,
+ }
+ }
+}
+
+/// A set of rules that dictate the style of a text input.
+pub trait StyleSheet {
+ /// Produces the style of an active text input.
+ fn active(&self) -> Style;
+
+ /// Produces the style of a focused text input.
+ fn focused(&self) -> Style;
+
+ fn placeholder_color(&self) -> Color;
+
+ fn value_color(&self) -> Color;
+
+ /// Produces the style of an hovered text input.
+ fn hovered(&self) -> Style {
+ self.focused()
+ }
+}
+
+struct Default;
+
+impl StyleSheet for Default {
+ fn active(&self) -> Style {
+ Style {
+ background: Background::Color(Color::WHITE),
+ border_radius: 5,
+ border_width: 1,
+ border_color: Color::from_rgb(0.7, 0.7, 0.7),
+ }
+ }
+
+ fn focused(&self) -> Style {
+ Style {
+ border_color: Color::from_rgb(0.5, 0.5, 0.5),
+ ..self.active()
+ }
+ }
+
+ fn placeholder_color(&self) -> Color {
+ Color::from_rgb(0.7, 0.7, 0.7)
+ }
+
+ fn value_color(&self) -> Color {
+ Color::from_rgb(0.3, 0.3, 0.3)
+ }
+}
+
+impl std::default::Default for Box<dyn StyleSheet> {
+ fn default() -> Self {
+ Box::new(Default)
+ }
+}
+
+impl<T> From<T> for Box<dyn StyleSheet>
+where
+ T: 'static + StyleSheet,
+{
+ fn from(style: T) -> Self {
+ Box::new(style)
+ }
+}