From 63cec4ff99833a502ff5e8678fbe119d496667c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Av=C3=A9?= <email@thomasave.be>
Date: Sat, 6 Jul 2024 14:52:01 +0200
Subject: [PATCH] Sat  6 Jul 14:52:01 CEST 2024

---
 home/ags/files/config.js |   9 ++--
 home/ags/files/style.css | 106 +++++++++++++++++++--------------------
 home/utils/desktop.nix   |   1 +
 3 files changed, 60 insertions(+), 56 deletions(-)

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
   ];