vyn/mirai
1
Fork 0
mirror of https://codeberg.org/vyn/mirai.git synced 2025-07-02 01:13:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve calendar's lines color contrast

Browse source
This commit is contained in:
Vyn 2025-06-21 10:41:47 +02:00
parent 84760b603d
commit 6ca4fd718d
Signed by: vyn
GPG key ID: E1B2BE34E7A971E7
5 changed files with 48 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/Calendar.slint
View file

@ -74,7 +74,7 @@ export component Calendar inherits Rectangle {
y: header-height - 32px;
width: 1px;
height: parent.height;
background: Palette.card-background.transparentize(0.5);
background: Palette.card-background.brighter(0.5);
}
VerticalLayout {
y: 0;
@ -87,7 +87,7 @@ export component Calendar inherits Rectangle {
}
}
for hour[hour-index] in 24 : Rectangle {
background: Palette.card-background.transparentize(0.5);
background: Palette.card-background.brighter(0.5);
x: 0px;
width: parent.width;
y: day-start-y + hour-spacing * hour-index;

29
src/windows/AppWindow/AppWindow.slint
View file

@ -8,29 +8,39 @@ import { EditSourceWindow } from "../EditSourceWindow/EditSourceWindow.slint";
import { Palette } from "@selenite";
import { CalendarView } from "views/CalendarView.slint";
import { VButton } from "../../../external/selenite/components/Button.slint";
import { ToggleButton } from "../../../external/selenite/components/index.slint";
export component AppWindow inherits Window {
title: "Mirai";
//min-height: 100px;
//max-height: 4000px; // needed, otherwise the window wants to fit the content (on Swaywm)
background: Palette.pane;
background: Palette.background;
private property<bool> show-tasks: false;
HorizontalLayout {
// padding: 16px;
//spacing: 16px;
VerticalLayout {
Rectangle {
background: Palette.pane;
// border-radius: 8px;
//clip: true;
VerticalLayout {
VerticalLayout {
padding: 16px;
alignment: LayoutAlignment.stretch;
spacing: 8px;
VButton {
ToggleButton {
text: "Calendar";
active: !show-tasks;
clicked => { show-tasks = false }
}
VButton {
ToggleButton {
text: "Tasks";
active: show-tasks;
clicked => { show-tasks = true }
}
}
@ -38,9 +48,17 @@ export component AppWindow inherits Window {
min-width: 256px;
}
}
}
}
Rectangle {
width: 1px;
background: Palette.card-background;
}
Rectangle {
background: Palette.background;
//border-radius: 8px;
//clip: true;
VerticalLayout {
if show-tasks : MainView {
horizontal-stretch: 1;
}
@ -49,6 +67,7 @@ export component AppWindow inherits Window {
}
}
}
}
}
export { AppWindowModels, Palette, SettingsWindow, AddSourceWindow, EditSourceWindow } // Export to make it visible to the C++ backend

1
src/windows/AppWindow/views/CalendarView.slint
View file

@ -11,7 +11,6 @@ import { VActionButton } from "../../../../external/selenite/components/index.sl
export component CalendarView inherits Rectangle {
background: Palette.background;
private property<string> icon-visible: Svg.visible;
private property<string> icon-not-visible: Svg.not-visible;
private property<bool> completed-tasks-visible: false;

1
src/windows/AppWindow/views/SideBar.slint
View file

@ -3,7 +3,6 @@ import { AppWindowActions } from "../Actions.slint";
import { VButton, ToggleButton, VActionButton, VText, Svg, Palette } from "@selenite";
export component SideBar inherits Rectangle {
background: Palette.pane;
VerticalLayout {
height: parent.height;

1
src/windows/AppWindow/views/TasksView.slint
View file

@ -10,7 +10,6 @@ import { Utils } from "../../../shared/Utils.slint";
export component MainView inherits Rectangle {
background: Palette.background;
private property<string> icon-visible: Svg.visible;
private property<string> icon-not-visible: Svg.not-visible;
private property<bool> completed-tasks-visible: false;