Sat 6 Jul 14:52:01 CEST 2024

This commit is contained in:
Thomas Avé 2024-07-06 14:52:01 +02:00
parent b4f089f2ad
commit 63cec4ff99
3 changed files with 60 additions and 56 deletions

View File

@ -211,9 +211,12 @@ function Right() {
.split(/\s+/)[1].replace("+", "")], .split(/\s+/)[1].replace("+", "")],
}).bind(), }).bind(),
}), }),
Widget.Label({ Widget.Button({
class_name: "item", class_name: "item",
label: Variable("", { poll: [1000, 'date "+%Y-%m-%d"'] }).bind(), child: Widget.Label({
label: Variable("", { poll: [1000, 'date "+%Y-%m-%d"'] }).bind(),
}),
on_clicked: () => Utils.execAsync(['gnome-calendar']),
}), }),
Widget.Label({ Widget.Label({
class_name: "item blue", class_name: "item blue",
@ -244,7 +247,7 @@ App.config({
style: "./style.css", style: "./style.css",
iconTheme: "Papirus", iconTheme: "Papirus",
windows: [ windows: [
Bar(1), Bar(0),
NotificationPopups(), NotificationPopups(),
], ],
}) })

View File

@ -1,128 +1,128 @@
window.bar { window.bar {
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
font-family: "Noto Sans", "FontAwesome"; font-family: "Noto Sans", "FontAwesome";
} }
.systray-item { .systray-item {
margin-left: 0.4em; margin-left: 0.4em;
margin-right: 0.4em; margin-right: 0.4em;
} }
.systray { .systray {
margin-left: 0.6em; margin-left: 0.6em;
} }
.window-box { .window-box {
margin-bottom: 0.3em; margin-bottom: 0.3em;
margin-top: 0.2em; margin-top: 0.2em;
} }
.clients box { .clients box {
margin-right: 0.3em; margin-right: 0.3em;
} }
.battery-item { .battery-item {
padding-left: 0.6em; padding-left: 0.6em;
padding-right: 0.6em; padding-right: 0.6em;
margin-right: 0.6em; margin-right: 0.6em;
border-radius: 0.3em; border-radius: 0.3em;
} }
.item, .clients box { .item, .clients box {
background: #1f2430; background: #1f2430;
padding-left: 0.7em; padding-left: 0.7em;
padding-right: 0.7em; padding-right: 0.7em;
border-radius: 0.3em; border-radius: 0.3em;
} }
.app-icon { .app-icon {
margin-right: 0.6em; margin-right: 0.6em;
} }
button { button {
background: #1f2430; background: #1f2430;
border:none; border:none;
padding: 0.2em; padding: 0.2em;
border-radius: 0.3em; border-radius: 0.3em;
} }
.focused, .clients box.focused { .focused, .clients box.focused {
background: #023269; background: #023269;
} }
button:hover { button:hover {
background: #023269; background: #023269;
} }
.workspaces button { .workspaces button {
padding-left: 0.4em; padding-left: 0.4em;
padding-right: 0.4em; padding-right: 0.4em;
margin-left: 0.2em; margin-left: 0.2em;
margin-right: 0.2em; margin-right: 0.2em;
} }
.notification { .notification {
color: yellow; color: yellow;
} }
.blue { .blue {
background: #023269; background: #023269;
} }
/* Notifications */ /* Notifications */
window.notification-popups box.notifications { window.notification-popups box.notifications {
padding: .5em; padding: .5em;
} }
.icon { .icon {
min-width: 68px; min-width: 68px;
min-height: 68px; min-height: 68px;
margin-right: 1em; margin-right: 1em;
} }
.icon image { .icon image {
font-size: 58px; font-size: 58px;
/* to center the icon */ /* to center the icon */
margin: 5px; margin: 5px;
color: @theme_fg_color; color: @theme_fg_color;
} }
.icon box { .icon box {
min-width: 68px; min-width: 68px;
min-height: 68px; min-height: 68px;
border-radius: 7px; border-radius: 7px;
} }
.notification { .notification {
min-width: 350px; min-width: 350px;
border-radius: 11px; border-radius: 11px;
padding: 1em; padding: 1em;
margin: .5em; margin: .5em;
background-color: #1f2430; background-color: #1f2430;
} }
.notification.critical { .notification.critical {
border: 1px solid lightcoral; border: 1px solid lightcoral;
} }
.title { .title {
color: @theme_fg_color; color: @theme_fg_color;
font-size: 1.4em; font-size: 1.4em;
} }
.body { .body {
color: @theme_unfocused_fg_color; color: @theme_unfocused_fg_color;
} }
.actions .action-button { .actions .action-button {
margin: 0 .4em; margin: 0 .4em;
margin-top: .8em; margin-top: .8em;
} }
.actions .action-button:first-child { .actions .action-button:first-child {
margin-left: 0; margin-left: 0;
} }
.actions .action-button:last-child { .actions .action-button:last-child {
margin-right: 0; margin-right: 0;
} }

View File

@ -24,6 +24,7 @@
gimp gimp
obs-studio obs-studio
inkscape inkscape
gnome-calendar
zip zip
]; ];