feat(ui): add configurable Iced themes

This commit is contained in:
Hakan Seven committed 2026-07-28 09:33:12 +03:00
1 parent 73545520c8
commit 4bf14baea4
52 files changed
+3063 -5670

No files matched your search

+100 -73
View File
@@ -1,96 +1,123 @@
use crate::app::config::UiThemeConfig;
use crate::app::Message;
use iced::widget::{button, column, container, pick_list, row, text, Space};
use iced::{Background, Border, Color, Element, Fill, Theme};
use iced::widget::{
button, column, container, pick_list, row, scrollable, text, text_input, Space,
};
use iced::{Background, Border, Element, Fill, Theme};
pub fn view_window<'a>(default_save_format: &'a str) -> Element<'a, Message> {
const BG: Color = Color {
r: 0.15,
g: 0.15,
b: 0.17,
a: 1.0,
};
const BORDER: Color = Color {
r: 0.32,
g: 0.32,
b: 0.36,
a: 1.0,
};
const TEXT: Color = Color {
r: 0.90,
g: 0.90,
b: 0.90,
a: 1.0,
};
const DIM: Color = Color {
r: 0.60,
g: 0.60,
b: 0.64,
a: 1.0,
};
let selected = crate::io::SAVE_FORMAT_OPTIONS
pub fn view_window<'a>(
default_save_format: &'a str,
ui_theme: &'a UiThemeConfig,
theme_color_inputs: &'a [String; 6],
) -> Element<'a, Message> {
let selected_format = crate::io::SAVE_FORMAT_OPTIONS
.iter()
.copied()
.find(|candidate| *candidate == default_save_format);
let close = button(text("Close").size(12).color(TEXT))
.on_press(Message::CloseModal)
.padding([5, 16])
.style(|_: &Theme, status| button::Style {
background: Some(Background::Color(match status {
button::Status::Hovered | button::Status::Pressed => Color {
r: 0.34,
g: 0.34,
b: 0.38,
a: 1.0,
},
_ => Color {
r: 0.26,
g: 0.26,
b: 0.29,
a: 1.0,
},
})),
text_color: TEXT,
border: Border {
color: BORDER,
width: 1.0,
radius: 4.0.into(),
},
..Default::default()
});
let theme_options = Theme::ALL
.iter()
.map(ToString::to_string)
.chain(std::iter::once("Custom".to_string()))
.collect::<Vec<_>>();
let selected_theme = Some(ui_theme.name.clone());
let body = column![
text("Open and Save").size(15).color(TEXT),
Space::new().height(16),
let palette = ui_theme.palette.to_iced();
let colors = [
("Background", palette.background),
("Text", palette.text),
("Primary", palette.primary),
("Success", palette.success),
("Warning", palette.warning),
("Danger", palette.danger),
];
let mut color_controls = column![].spacing(8);
for (index, (label, color)) in colors.into_iter().enumerate() {
let swatch = container(Space::new())
.width(28)
.height(22)
.style(move |theme: &Theme| container::Style {
background: Some(Background::Color(color)),
border: Border {
color: theme.extended_palette().background.strong.color,
width: 1.0,
radius: 3.0.into(),
},
..Default::default()
});
color_controls = color_controls.push(
row![
text(label).size(12).width(110),
swatch,
text_input("#RRGGBB", theme_color_inputs[index].as_str())
.on_input(move |value| Message::OptionsThemeColorChanged(index, value))
.width(130),
]
.spacing(10)
.align_y(iced::Center),
);
}
let close = button(text("Close").size(12))
.on_press(Message::CloseModal)
.padding([6, 18])
.style(button::secondary);
let content = column![
text("Open and Save").size(15),
Space::new().height(10),
row![
text("Default save format:").size(12).color(TEXT).width(150),
pick_list(crate::io::SAVE_FORMAT_OPTIONS, selected, |format: &str| {
Message::DefaultSaveFormatChanged(format.to_string())
})
text("Default save format:").size(12).width(150),
pick_list(
crate::io::SAVE_FORMAT_OPTIONS,
selected_format,
|format: &str| Message::DefaultSaveFormatChanged(format.to_string())
)
.width(Fill),
]
.spacing(12)
.align_y(iced::Center),
Space::new().height(10),
Space::new().height(8),
text(
"Used when a new drawing is saved for the first time. Existing drawings keep their current file type and version."
"Used for the first save of a new drawing. Existing drawings keep their file type and version."
)
.size(11)
.color(DIM)
.width(Fill),
Space::new().height(Fill),
row![Space::new().width(Fill), close],
.size(11),
Space::new().height(22),
text("Theme").size(15),
Space::new().height(10),
row![
text("Iced theme:").size(12).width(150),
pick_list(
theme_options,
selected_theme,
Message::OptionsThemeChanged,
)
.width(Fill),
]
.spacing(12)
.align_y(iced::Center),
Space::new().height(8),
text(
"Changing a base colour switches to Custom. Iced generates every component shade from these six colours."
)
.size(11),
Space::new().height(12),
color_controls,
]
.spacing(0)
.width(Fill);
let body = column![
scrollable(content).height(Fill),
Space::new().height(12),
row![Space::new().width(Fill), close],
]
.width(Fill)
.height(Fill);
container(body)
.style(|_: &Theme| container::Style {
background: Some(Background::Color(BG)),
..Default::default()
})
.style(container::rounded_box)
.padding([16, 18])
.width(Fill)
.height(Fill)