Some visual tweaks

emigui/src/example_app.rs

@@ -113,7 +113,7 @@ impl ExampleApp {
                     corner_radius: self.corner_radius,
                     fill_color: Some(gray(136, 255)),
                     rect: Rect::from_min_size(
-                        pos2(pos.x + (i as f32) * (self.size.x * 1.1), pos.y),
+                        pos2(10.0 + pos.x + (i as f32) * (self.size.x * 1.1), pos.y),
                         self.size,
                     ),
                     outline: Some(Outline::new(self.stroke_width, gray(255, 255))),

emigui/src/style.rs

@@ -26,6 +26,9 @@ pub struct Style {
     /// For stuff like check marks in check boxes.
     pub line_width: f32,
 
+    /// buttons etc
+    pub interaction_corner_radius: f32,
+
     // TODO: add ability to disable animations!
     /// How many seconds a typical animation should last
     pub animation_time: f32,
@@ -45,9 +48,10 @@ impl Default for Style {
             button_padding: vec2(5.0, 3.0),
             item_spacing: vec2(8.0, 4.0),
             indent: 21.0,
-            clickable_diameter: 34.0,
+            clickable_diameter: 28.0,
             start_icon_width: 20.0,
             line_width: 1.0,
+            interaction_corner_radius: 2.0,
             animation_time: 1.0 / 20.0,
             window: Window::default(),
         }
@@ -65,7 +69,7 @@ impl Default for Window {
 impl Style {
     /// e.g. the background of the slider
     pub fn background_fill_color(&self) -> Color {
-        gray(34, 230)
+        gray(34, 250)
     }
 
     pub fn text_color(&self) -> Color {
@@ -75,11 +79,11 @@ impl Style {
     /// Fill color of the interactive part of a component (button, slider grab, checkbox, ...)
     pub fn interact_fill_color(&self, interact: &InteractInfo) -> Option<Color> {
         if interact.active {
-            Some(srgba(100, 100, 200, 255))
+            Some(srgba(200, 200, 200, 255))
         } else if interact.hovered {
             Some(srgba(100, 100, 150, 255))
         } else {
-            Some(srgba(60, 60, 70, 255))
+            Some(srgba(60, 60, 80, 255))
         }
     }
 
@@ -88,9 +92,9 @@ impl Style {
         if interact.active {
             gray(255, 255)
         } else if interact.hovered {
-            gray(255, 200)
+            gray(255, 255)
         } else {
-            gray(255, 170)
+            gray(220, 255) // Mustn't look grayed out!
         }
     }
 

emigui/src/widgets.rs

@@ -88,14 +88,17 @@ impl Widget for Button {
         let mut size = text_size + 2.0 * padding;
         size.y = size.y.max(region.style().clickable_diameter);
         let interact = region.reserve_space(size, Some(id));
-        let text_cursor = interact.rect.left_center() + vec2(padding.x, -0.5 * text_size.y);
+        let mut text_cursor = interact.rect.left_center() + vec2(padding.x, -0.5 * text_size.y);
+        text_cursor.y += 2.0; // TODO: why is this needed?
         region.add_paint_cmd(PaintCmd::Rect {
-            corner_radius: 10.0,
+            corner_radius: region.style().interaction_corner_radius,
             fill_color: region.style().interact_fill_color(&interact),
             outline: None,
             rect: interact.rect,
         });
-        region.add_text(text_cursor, text_style, text, self.text_color);
+        let stroke_color = region.style().interact_stroke_color(&interact);
+        let text_color = self.text_color.unwrap_or(stroke_color);
+        region.add_text(text_cursor, text_style, text, Some(text_color));
         region.response(interact)
     }
 }
@@ -165,7 +168,8 @@ impl<'a> Widget for Checkbox<'a> {
             });
         }
 
-        region.add_text(text_cursor, text_style, text, self.text_color);
+        let text_color = self.text_color.unwrap_or(stroke_color);
+        region.add_text(text_cursor, text_style, text, Some(text_color));
         region.response(interact)
     }
 }
@@ -236,7 +240,8 @@ impl Widget for RadioButton {
             });
         }
 
-        region.add_text(text_cursor, text_style, text, self.text_color);
+        let text_color = self.text_color.unwrap_or(stroke_color);
+        region.add_text(text_cursor, text_style, text, Some(text_color));
         region.response(interact)
     }
 }

emigui/src/window.rs

@@ -174,7 +174,8 @@ impl Window {
         if corner_interact.active {
             if let Some(mouse_pos) = ctx.input().mouse_pos {
                 let new_size = mouse_pos - state.rect.min() + 0.5 * corner_interact.rect.size();
-                let new_size = new_size.max(Vec2::splat(0.0));
+                let min_size = 2.0 * window_padding + Vec2::splat(16.0); // TODO
+                let new_size = new_size.max(min_size);
                 state.rect = Rect::from_min_size(state.rect.min(), new_size);
             }
         } else if win_interact.active {