improv(theme): list_button style

This adds a new `list_button` field to theme, which makes ListItem buttons stay transparent when pressed. It's essentially a mix of `text_button` and `background.component`, without hover highlights (as per designs).
This commit is contained in:
Vukašin Vojinović 2026-04-28 12:52:16 +02:00 committed by Michael Murphy
parent 99c038a66a
commit 564ef834ce
2 changed files with 16 additions and 21 deletions

View file

@ -150,7 +150,7 @@ pub fn appearance(
}
Button::ListItem(radii) => {
corner_radii = radii;
let (background, text, icon) = color(&cosmic.background.component);
let (background, text, icon) = color(&cosmic.list_button);
if selected {
appearance.background =
@ -197,7 +197,7 @@ impl Catalog for crate::Theme {
return active(focused, self);
}
let mut s = appearance(self, focused, selected, false, style, move |component| {
appearance(self, focused, selected, false, style, move |component| {
let text_color = if matches!(
style,
Button::Icon | Button::IconVertical | Button::HeaderBar
@ -209,15 +209,7 @@ impl Catalog for crate::Theme {
};
(component.base.into(), text_color, text_color)
});
if let Button::ListItem(_) = style {
if !selected {
s.background = None;
}
}
s
})
}
fn disabled(&self, style: &Self::Class) -> Style {
@ -245,7 +237,7 @@ impl Catalog for crate::Theme {
return hovered(focused, self);
}
let mut s = appearance(
appearance(
self,
focused || matches!(style, Button::Image),
selected,
@ -264,15 +256,7 @@ impl Catalog for crate::Theme {
(component.hover.into(), text_color, text_color)
},
);
if let Button::ListItem(_) = style {
if !selected {
s.background = None;
}
}
s
)
}
fn pressed(&self, focused: bool, selected: bool, style: &Self::Class) -> Style {