feat: color overhaul

examples/style.rs

@@ -0,0 +1,162 @@
+use futures::StreamExt;
+use futures_signals::signal::Mutable;
+use glam::{BVec2, Vec2};
+use itertools::Itertools;
+use palette::Srgba;
+use tracing_subscriber::{layer::SubscriberExt, registry, util::SubscriberInitExt, EnvFilter};
+use tracing_tree::HierarchicalLayer;
+use violet_core::{
+    layout::Align,
+    state::{State, StateStream},
+    style::{base_colors::*, spacing_small, surface_primary, SizeExt},
+    unit::Unit,
+    widget::{
+        card, col, label, pill, row, subtitle, title, Button, Checkbox, Radio, Rectangle,
+        ScrollArea, SliderWithLabel, StreamWidget, Text, TextInput,
+    },
+    Widget,
+};
+use violet_wgpu::renderer::MainRendererConfig;
+
+pub fn main() -> anyhow::Result<()> {
+    registry()
+        .with(
+            HierarchicalLayer::default()
+                .with_deferred_spans(true)
+                .with_span_retrace(true)
+                .with_indent_lines(true)
+                .with_indent_amount(4),
+        )
+        .with(EnvFilter::from_default_env())
+        .init();
+
+    violet_wgpu::AppBuilder::new()
+        .with_renderer_config(MainRendererConfig { debug_mode: false })
+        .run(main_app())
+}
+
+fn main_app() -> impl Widget {
+    ScrollArea::new(
+        BVec2::TRUE,
+        row((texts(), buttons(), inputs(), list(), colors()))
+            .with_contain_margins(true)
+            .with_maximize(Vec2::ONE),
+    )
+    .with_background(surface_primary())
+}
+
+fn buttons() -> impl Widget {
+    card(
+        col((
+            title("Buttons"),
+            Button::label("Default"),
+            Button::label("Success").success(),
+            Button::label("Warning").warning(),
+            Button::label("Danger").danger(),
+            Button::label("Accent").accent(),
+        ))
+        .with_stretch(true)
+        .with_cross_align(Align::Center),
+    )
+}
+
+fn texts() -> impl Widget {
+    card(
+        col((
+            title("Title"),
+            subtitle("Subtitle"),
+            Text::new("Lorem ipsum dolor sit amet"),
+            pill(label("Pill")),
+            Text::italic("Italic"),
+            Text::bold("Bold"),
+            Text::medium("Medium"),
+            Text::new("Regular"),
+            Text::light("Light"),
+            Text::extra_light("Extra Light"),
+        ))
+        .with_stretch(true)
+        .with_cross_align(Align::Center),
+    )
+}
+
+fn colors() -> impl Widget {
+    fn color(color: Srgba) -> Rectangle {
+        Rectangle::new(color)
+            .with_exact_size(Unit::px2(60.0, 40.0))
+            .with_margin(spacing_small())
+    }
+
+    card(
+        col((
+            row((color(RUBY_400), color(RUBY_500), color(RUBY_600))),
+            row((color(CHERRY_400), color(CHERRY_500), color(CHERRY_600))),
+            row((color(AMBER_400), color(AMBER_500), color(AMBER_600))),
+            row((color(CITRUS_400), color(CITRUS_500), color(CITRUS_600))),
+            row((color(FOREST_400), color(FOREST_500), color(FOREST_600))),
+            row((color(EMERALD_400), color(EMERALD_500), color(EMERALD_600))),
+            row((color(TEAL_400), color(TEAL_500), color(TEAL_600))),
+            row((color(OCEAN_400), color(OCEAN_500), color(OCEAN_600))),
+            row((
+                color(AMETHYST_400),
+                color(AMETHYST_500),
+                color(AMETHYST_600),
+            )),
+        ))
+        .with_stretch(true)
+        .with_cross_align(Align::Center),
+    )
+}
+fn list() -> impl Widget {
+    let selection = Mutable::new(0);
+
+    card(
+        col((
+            title("Selection"),
+            ScrollArea::vertical(
+                col(('A'..='Z')
+                    .enumerate()
+                    .map(|(i, v)| {
+                        Radio::new_indexed(label(format!("Item {v}")), selection.clone(), i)
+                            .with_margin(spacing_small())
+                    })
+                    .collect_vec())
+                .with_stretch(true)
+                .with_size(Unit::px2(140.0, f32::MAX)),
+            )
+            .with_max_size(Unit::px2(f32::MAX, 400.0)),
+        ))
+        .with_stretch(true)
+        .with_cross_align(Align::Center),
+    )
+}
+
+fn inputs() -> impl Widget {
+    let selection = Mutable::new(0);
+
+    let checkbox = Mutable::new(false);
+
+    card(
+        col((
+            title("Input"),
+            SliderWithLabel::new(Mutable::new(50), 0, 100),
+            SliderWithLabel::new(Mutable::new(50), 0, 100).editable(true),
+            TextInput::new(Mutable::new("Text Input".to_string())),
+            row((0..10)
+                .map(|i| Radio::new_indexed(label(format!("{i}")), selection.clone(), i))
+                .collect_vec()),
+            Checkbox::label("Enable", checkbox.clone()),
+            StreamWidget::new(checkbox.dedup().stream().map(|enable| {
+                let extra_options = col((
+                    SliderWithLabel::new(Mutable::new(0.5), 0.0, 1.0)
+                        .editable(true)
+                        .precision(2),
+                    TextInput::new(Mutable::new("Multiple\nLines\n\nOf Text".to_string())),
+                ));
+
+                enable.then_some(extra_options)
+            })),
+        ))
+        .with_stretch(true)
+        .with_cross_align(Align::Center),
+    )
+}