diff --git a/home/ags/files/config.js b/home/ags/files/config.js index bf00704..f3d4863 100644 --- a/home/ags/files/config.js +++ b/home/ags/files/config.js @@ -211,9 +211,12 @@ function Right() { .split(/\s+/)[1].replace("+", "")], }).bind(), }), - Widget.Label({ + Widget.Button({ 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({ class_name: "item blue", @@ -244,7 +247,7 @@ App.config({ style: "./style.css", iconTheme: "Papirus", windows: [ - Bar(1), + Bar(0), NotificationPopups(), ], }) diff --git a/home/ags/files/style.css b/home/ags/files/style.css index 7b92842..936107f 100644 --- a/home/ags/files/style.css +++ b/home/ags/files/style.css @@ -1,128 +1,128 @@ window.bar { - background-color: rgba(0, 0, 0, 0.2); - font-family: "Noto Sans", "FontAwesome"; + background-color: rgba(0, 0, 0, 0.2); + font-family: "Noto Sans", "FontAwesome"; } .systray-item { - margin-left: 0.4em; - margin-right: 0.4em; + margin-left: 0.4em; + margin-right: 0.4em; } .systray { - margin-left: 0.6em; + margin-left: 0.6em; } .window-box { - margin-bottom: 0.3em; - margin-top: 0.2em; + margin-bottom: 0.3em; + margin-top: 0.2em; } .clients box { - margin-right: 0.3em; + margin-right: 0.3em; } .battery-item { - padding-left: 0.6em; - padding-right: 0.6em; - margin-right: 0.6em; - border-radius: 0.3em; + padding-left: 0.6em; + padding-right: 0.6em; + margin-right: 0.6em; + border-radius: 0.3em; } .item, .clients box { - background: #1f2430; - padding-left: 0.7em; - padding-right: 0.7em; - border-radius: 0.3em; + background: #1f2430; + padding-left: 0.7em; + padding-right: 0.7em; + border-radius: 0.3em; } .app-icon { - margin-right: 0.6em; + margin-right: 0.6em; } button { - background: #1f2430; - border:none; - padding: 0.2em; - border-radius: 0.3em; + background: #1f2430; + border:none; + padding: 0.2em; + border-radius: 0.3em; } .focused, .clients box.focused { - background: #023269; + background: #023269; } button:hover { - background: #023269; + background: #023269; } .workspaces button { - padding-left: 0.4em; - padding-right: 0.4em; - margin-left: 0.2em; - margin-right: 0.2em; + padding-left: 0.4em; + padding-right: 0.4em; + margin-left: 0.2em; + margin-right: 0.2em; } .notification { - color: yellow; + color: yellow; } .blue { - background: #023269; + background: #023269; } /* Notifications */ window.notification-popups box.notifications { - padding: .5em; + padding: .5em; } .icon { - min-width: 68px; - min-height: 68px; - margin-right: 1em; + min-width: 68px; + min-height: 68px; + margin-right: 1em; } .icon image { - font-size: 58px; - /* to center the icon */ - margin: 5px; - color: @theme_fg_color; + font-size: 58px; + /* to center the icon */ + margin: 5px; + color: @theme_fg_color; } .icon box { - min-width: 68px; - min-height: 68px; - border-radius: 7px; + min-width: 68px; + min-height: 68px; + border-radius: 7px; } .notification { - min-width: 350px; - border-radius: 11px; - padding: 1em; - margin: .5em; - background-color: #1f2430; + min-width: 350px; + border-radius: 11px; + padding: 1em; + margin: .5em; + background-color: #1f2430; } .notification.critical { - border: 1px solid lightcoral; + border: 1px solid lightcoral; } .title { - color: @theme_fg_color; - font-size: 1.4em; + color: @theme_fg_color; + font-size: 1.4em; } .body { - color: @theme_unfocused_fg_color; + color: @theme_unfocused_fg_color; } .actions .action-button { - margin: 0 .4em; - margin-top: .8em; + margin: 0 .4em; + margin-top: .8em; } .actions .action-button:first-child { - margin-left: 0; + margin-left: 0; } .actions .action-button:last-child { - margin-right: 0; + margin-right: 0; } diff --git a/home/utils/desktop.nix b/home/utils/desktop.nix index 3f13ed2..9084884 100644 --- a/home/utils/desktop.nix +++ b/home/utils/desktop.nix @@ -24,6 +24,7 @@ gimp obs-studio inkscape + gnome-calendar zip ];