Share native theme components and fix dialog backdrop blur

Centralize native palettes, presets, typography, controls, menus, calendar rendering, and icon assets in ferese-theme. Reuse the shared components across the shell, settings, lock screen, authentication prompt, and screen-sharing chooser.

Attach themed dialogs to compositor-owned materials, correct backdrop capture and sampling across output transforms, smooth patterned backgrounds, and prevent clipped picker buttons with the configured shell font.

crates/ferese-theme/src/menus.rs

@@ -0,0 +1,176 @@
+//! Shared menu layouts and paint; callers own actions and animation timing.
+use cosmic::{
+    Element,
+    iced::{Alignment, Color, Length},
+    widget::{button, container, row as iced_row},
+};
+
+pub fn button<'a, M: Clone + 'a>(
+    label: impl Into<std::borrow::Cow<'a, str>> + 'a,
+    message: M,
+    font: cosmic::font::Font,
+) -> button::Button<'a, M> {
+    button::custom(crate::text(label, font).size(13))
+        .padding([6, 8])
+        .on_press(message)
+}
+
+pub fn row<'a, M: 'a>(
+    label: impl Into<std::borrow::Cow<'a, str>> + 'a,
+    trailing: Element<'a, M>,
+    font: cosmic::font::Font,
+) -> Element<'a, M> {
+    iced_row![
+        crate::text(label, font).width(Length::Fill).size(14),
+        trailing
+    ]
+    .align_y(Alignment::Center)
+    .into()
+}
+
+pub fn heading<'a, M: 'a>(
+    badge: Element<'a, M>,
+    title: impl Into<std::borrow::Cow<'a, str>> + 'a,
+    font: cosmic::font::Font,
+) -> cosmic::widget::Row<'a, M, cosmic::Theme, cosmic::Renderer> {
+    iced_row![badge, crate::text(title, font).size(18).width(Length::Fill)]
+        .spacing(10)
+        .align_y(Alignment::Center)
+}
+
+pub fn badge<'a, M: 'a>(
+    content: Element<'a, M>,
+    accent: Color,
+    opacity: f32,
+    radius: f32,
+) -> Element<'a, M> {
+    container(content)
+        .width(36)
+        .height(36)
+        .center_x(36)
+        .center_y(36)
+        .class(crate::controls::surface(
+            accent.scale_alpha(0.12 * opacity),
+            radius.min(20.),
+        ))
+        .into()
+}
+
+pub fn section<'a, M: 'a>(
+    content: Element<'a, M>,
+    foreground: Color,
+    opacity: f32,
+    radius: f32,
+) -> Element<'a, M> {
+    container(content)
+        .padding(10)
+        .width(Length::Fill)
+        .class(crate::controls::surface(
+            Color {
+                a: 0.045 * opacity,
+                ..foreground
+            },
+            radius.min(22.),
+        ))
+        .into()
+}
+
+pub fn section_label<'a>(
+    label: impl Into<std::borrow::Cow<'a, str>> + 'a,
+    font: cosmic::font::Font,
+    muted: Color,
+) -> cosmic::widget::Text<'a, cosmic::Theme, cosmic::Renderer> {
+    crate::text(label, font)
+        .size(13)
+        .class(cosmic::theme::Text::Color(muted))
+}
+
+pub fn separator<'a, M: 'a>(foreground: Color, opacity: f32) -> Element<'a, M> {
+    container(cosmic::widget::Space::new().width(Length::Fill).height(1))
+        .class(crate::controls::surface(
+            foreground.scale_alpha(0.12 * opacity),
+            0.,
+        ))
+        .into()
+}
+
+pub fn switch<'a, M: 'a>(enabled: bool, palette: crate::Palette, opacity: f32) -> Element<'a, M> {
+    let track = if enabled {
+        palette.accent
+    } else {
+        Color {
+            a: 0.22,
+            ..palette.text
+        }
+    };
+    let thumb = if enabled {
+        crate::foreground(track, palette.text)
+    } else {
+        palette.text
+    };
+    let knob = container(cosmic::widget::Space::new().width(16).height(16))
+        .width(16)
+        .height(16)
+        .class(crate::controls::surface(
+            Color {
+                a: opacity,
+                ..thumb
+            },
+            palette.radius.min(8.),
+        ));
+    container(knob)
+        .width(36)
+        .height(20)
+        .padding(2)
+        .align_x(if enabled {
+            cosmic::iced::alignment::Horizontal::Right
+        } else {
+            cosmic::iced::alignment::Horizontal::Left
+        })
+        .class(crate::controls::surface(
+            track.scale_alpha(opacity),
+            palette.radius.min(10.),
+        ))
+        .into()
+}
+
+pub fn slider(foreground: Color, opacity: f32, radius: f32) -> cosmic::theme::iced::Slider {
+    let style = std::rc::Rc::new(move |_: &cosmic::Theme| {
+        use cosmic::iced::widget::slider::{Breakpoint, Handle, HandleShape, Rail, Style};
+        Style {
+            rail: Rail {
+                backgrounds: (
+                    foreground.into(),
+                    Color {
+                        a: 0.16 * opacity,
+                        ..foreground
+                    }
+                    .into(),
+                ),
+                width: 4.,
+                border: cosmic::iced::Border {
+                    radius: radius.min(2.).into(),
+                    ..Default::default()
+                },
+            },
+            handle: Handle {
+                shape: HandleShape::Rectangle {
+                    width: 10,
+                    height: 10,
+                    border_radius: radius.min(5.).into(),
+                },
+                background: foreground.into(),
+                border_width: 0.,
+                border_color: Color::TRANSPARENT,
+            },
+            breakpoint: Breakpoint {
+                color: Color::TRANSPARENT,
+            },
+        }
+    });
+    cosmic::theme::iced::Slider::Custom {
+        active: style.clone(),
+        hovered: style.clone(),
+        dragging: style,
+    }
+}