Use simple colors for program designs

This commit is contained in:
Elias Projahn 2025-03-23 08:44:46 +01:00
parent a70b7b5453
commit e2c6e85097
5 changed files with 123 additions and 57 deletions

View file

@ -69,66 +69,110 @@ template $MusicusProgramEditor: Adw.NavigationPage {
Gtk.ToggleButton {
action-name: "program.set-design";
action-target: "'program-1'";
action-target: "'default'";
styles [
"program-design-button",
"program-1",
"default",
"circular",
]
}
Gtk.ToggleButton {
action-name: "program.set-design";
action-target: "'program-2'";
action-target: "'blue'";
styles [
"program-design-button",
"program-2",
"blue",
"circular",
]
}
Gtk.ToggleButton {
action-name: "program.set-design";
action-target: "'program-3'";
action-target: "'teal'";
styles [
"program-design-button",
"program-3",
"teal",
"circular",
]
}
Gtk.ToggleButton {
action-name: "program.set-design";
action-target: "'program-4'";
action-target: "'green'";
styles [
"program-design-button",
"program-4",
"green",
"circular",
]
}
Gtk.ToggleButton {
action-name: "program.set-design";
action-target: "'program-5'";
action-target: "'yellow'";
styles [
"program-design-button",
"program-5",
"yellow",
"circular",
]
}
Gtk.ToggleButton {
action-name: "program.set-design";
action-target: "'program-6'";
action-target: "'orange'";
styles [
"program-design-button",
"program-6",
"orange",
"circular",
]
}
Gtk.ToggleButton {
action-name: "program.set-design";
action-target: "'red'";
styles [
"program-design-button",
"red",
"circular",
]
}
Gtk.ToggleButton {
action-name: "program.set-design";
action-target: "'pink'";
styles [
"program-design-button",
"pink",
"circular",
]
}
Gtk.ToggleButton {
action-name: "program.set-design";
action-target: "'purple'";
styles [
"program-design-button",
"purple",
"circular",
]
}
Gtk.ToggleButton {
action-name: "program.set-design";
action-target: "'slate'";
styles [
"program-design-button",
"slate",
"circular",
]
}