feat(ui): add configurable Iced themes

src/ui/statusbar/statusbar_menu.rs

@@ -1,7 +1,7 @@
 //! Status-bar customization and layout-list menu entries.
 
 use iced::widget::{button, row, text};
-use iced::{Background, Color, Element, Fill, Theme};
+use iced::{Background, Element, Fill, Theme};
 
 use crate::app::Message;
 use crate::ui::statusbar::statusbar_config::{StatusBarConfig, StatusPill};
@@ -31,23 +31,17 @@ pub fn layout_entries<'a>(
 }
 
 fn layout_row<'a>(name: String, is_current: bool) -> Element<'a, Message> {
-    let lbl = text(name.clone())
-        .size(11)
-        .color(if is_current { LABEL_ON } else { LABEL_OFF });
+    let lbl = text(name.clone()).size(11);
     button(row![lbl].align_y(iced::Center))
         .on_press(Message::LayoutSwitch(name))
-        .style(move |_: &Theme, status| button::Style {
-            background: Some(Background::Color(match (is_current, status) {
-                (_, button::Status::Hovered) => ROW_HOVER,
-                (true, _) => Color {
-                    r: 0.18,
-                    g: 0.26,
-                    b: 0.36,
-                    a: 1.0,
-                },
-                _ => Color::TRANSPARENT,
-            })),
-            ..Default::default()
+        .style(move |theme: &Theme, status| {
+            let mut style = button::subtle(theme, status);
+            if is_current && status == button::Status::Active {
+                let palette = theme.extended_palette();
+                style.background = Some(Background::Color(palette.primary.weak.color));
+                style.text_color = palette.primary.weak.text;
+            }
+            style
         })
         .width(Fill)
         .padding([4, 12])
@@ -55,51 +49,16 @@ fn layout_row<'a>(name: String, is_current: bool) -> Element<'a, Message> {
 }
 
 fn menu_row(label: &'static str, checked: bool, msg: Message) -> Element<'static, Message> {
-    let check = crate::ui::icons::check_cell(checked, CHECK_COLOR);
+    let check = crate::ui::icons::themed_check_cell(checked);
 
-    let lbl = text(label)
-        .size(11)
-        .color(if checked { LABEL_ON } else { LABEL_OFF });
+    let lbl = text(label).size(11);
 
     let content = row![check, lbl].spacing(6).align_y(iced::Center);
 
     button(content)
         .on_press(msg)
-        .style(|_: &Theme, status| button::Style {
-            background: Some(Background::Color(match status {
-                button::Status::Hovered => ROW_HOVER,
-                _ => Color::TRANSPARENT,
-            })),
-            ..Default::default()
-        })
+        .style(button::subtle)
         .width(Fill)
         .padding([4, 10])
         .into()
 }
-
-// ── Colours ───────────────────────────────────────────────────────────────
-
-const ROW_HOVER: Color = Color {
-    r: 0.22,
-    g: 0.22,
-    b: 0.22,
-    a: 1.0,
-};
-const CHECK_COLOR: Color = Color {
-    r: 0.35,
-    g: 0.75,
-    b: 1.00,
-    a: 1.0,
-};
-const LABEL_ON: Color = Color {
-    r: 0.92,
-    g: 0.92,
-    b: 0.92,
-    a: 1.0,
-};
-const LABEL_OFF: Color = Color {
-    r: 0.65,
-    g: 0.65,
-    b: 0.65,
-    a: 1.0,
-};