custom waybar

.config/waybar/config.jsonc

@@ -3,9 +3,9 @@
     "position": "top", // Waybar position (top|bottom|left|right)
     // "width": 1280, // Waybar width
     // Choose the order of the modules
-    "modules-left": ["hyprland/workspaces"],
-    "modules-center": ["custom/music"],
-    "modules-right": ["pulseaudio", "custom/tomato", "clock", "tray", "custom/lock", "custom/power"],
+    "modules-left": ["hyprland/workspaces", "custom/music", "privacy"],
+    "modules-center": ["clock#date", "clock"],
+    "modules-right": ["load", "custom/tomato", "pulseaudio", "tray", "custom/lock", "custom/power"],
     "hyprland/workspaces": {
          "disable-scroll": true,
          "sort-by-name": true,
@@ -27,12 +27,39 @@
         "on-click": "playerctl play-pause",
         "max-length": 50
     },
+    "privacy": {
+	    "icon-spacing": 4,
+	    "icon-size": 18,
+        "transition-duration": 250,
+	    "modules": [
+		    {
+			    "type": "screenshare",
+			    "tooltip": false,
+			    "tooltip-icon-size": 24
+		    },
+		    {
+			    "type": "audio-in",
+			    "tooltip": false,
+			    "tooltip-icon-size": 24
+		    }
+	    ]
+    },
+    "load": {
+        "interval": 1,
+        "format": " {load5}"
+    },
     "clock": {
         "timezone": "Europe/Paris",
-        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
-        "format-alt": " {:%d/%m/%Y}",
+        "tooltip": false,
         "format": " {:%H:%M}"
     },
+    "clock#date": {
+        "timezone": "Europe/Paris",
+        "locale": "fr_FR.UTF-8",
+        "tooltip": false,
+        "format": "󰃭 {:L%A %d/%m/%Y}",
+        "on-click": "gnome-calendar"
+    },
     "pulseaudio": {
         // "scroll-step": 1, // %, can be a float
         "format": "{icon} {volume}%",

.config/waybar/style.css

@@ -7,7 +7,7 @@
 }
 
 #waybar {
-  background: transparent;
+  background: @base;
   color: @text;
   margin: 5px 5px;
 }
@@ -15,7 +15,7 @@
 #workspaces {
   border-radius: 1rem;
   margin: 5px;
-  background-color: @surface0;
+  background-color: @mantle;
   margin-left: 1rem;
   padding-right: 0.2rem;
 }
@@ -36,15 +36,18 @@
   border-radius: 1rem;
 }
 
+#load,
+#privacy,
 #custom-music,
 #tray,
 #backlight,
 #clock,
+#clock.date,
 #custom-tomato,
 #pulseaudio,
 #custom-lock,
 #custom-power {
-  background-color: @surface0;
+  background-color: @mantle;
   padding: 0.5rem 1rem;
   margin: 5px 0;
 }
@@ -55,19 +58,34 @@
   margin-right: 1rem;
 }
 
+#clock.date {
+  border-radius: 1rem 0px 0px 1rem;
+}
+
+#load {
+  color: @peach;
+  border-radius: 1rem 0px 0px 1rem;
+}
+
+#privacy {
+  color: @mauve;
+  border-radius: 1rem;
+}
+
 #custom-tomato {
   color: @yellow;
 }
 
 #pulseaudio {
   color: @maroon;
-  border-radius: 1rem 0px 0px 1rem;
-  margin-left: 1rem;
+  border-radius: 0px 1rem 1rem 0px;
+  margin-right: 1rem;
 }
 
 #custom-music {
   color: @green;
   border-radius: 1rem;
+  margin-right: 1rem;
 }
 
 #custom-lock {