Update waybar theme

config/waybar/colors/pastel.css

@@ -0,0 +1 @@
+

config/waybar/colors/three-bears.css

@@ -0,0 +1,14 @@
+@define-color dark #2A231C;
+@define-color light #EBEBE5;
+@define-color accent-dark #463A2E;
+@define-color accent-light #865E43;
+
+@define-color pastel-a #797D62;
+@define-color pastel-b #9B9B7A;
+@define-color pastel-c #D9AE94;
+@define-color pastel-d #E5C59E;
+@define-color pastel-e #F1DCA7;
+@define-color pastel-f #F8D488;
+@define-color pastel-g #E4B074;
+@define-color pastel-h #D08C60;
+@define-color pastel-i #997B66;

config/waybar/config

@@ -0,0 +1,82 @@
+[
+  {
+    "layer": "top",
+    "position": "top",
+    "output": "HDMI-A-1",
+    "height": 40,
+    "spacing": 4,
+
+    "modules-left": [
+      "custom/launcher",
+      "user",
+      "hyprland/window"
+    ],
+
+    "modules-center": [
+      "wlr/workspaces"
+    ],
+
+    "modules-right": [
+      "pulseaudio",
+      "network",
+      "cpu",
+      "memory",
+      "temperature",
+      "clock",
+      "tray"
+    ],
+
+    "custom/launcher": {
+      "format": "<span font=\"FontAwesome\"></span> ",
+      "interval": "once",
+      "tooltip": false
+    },
+
+    "wlr/workspaces": {
+      "all-outputs": false,
+      "format": "{name}",
+      "on-click": "activate",
+      "sort-by-coordinates": false,
+      "sort-by-name": true,
+      "sort-by-number": false
+    },
+
+    "pulseaudio": {
+      "format": "<span font=\"FontAwesome\"></span> {volume}%",
+      "format-muted": "<span font=\"FontAwesome\"></span> ",
+      "on-click": "kitty ncpamixer"
+    },
+
+    "network": {
+      "format": "<span font=\"FontAwesome\"></span> {ipaddr}",
+      "format-disconnected": "<span font=\"FontAwesome\"></span> ",
+      "interface": "enp0s31f6",
+      "tooltip-format": "{ifname} via {gwaddr}"
+    },
+
+    "cpu": {
+      "format": "<span font=\"FontAwesome\"></span> {load}%"
+    },
+
+    "memory": {
+      "format": "<span font=\"FontAwesome\"></span> {percentage}%"
+    },
+
+    "temperature": {
+      "format": "<span font=\"FontAwesome\"></span> {temperatureC}°C",
+      "thermal-zone": 3
+    },
+
+    "clock": {
+      "format": "<span font=\"FontAwesome\"></span> {:%H:%M}",
+      "timezone": "Europe/Berlin",
+      "tooltip-format": "<tt><small>{calendar}</small></tt>"
+    },
+
+    "tray": {
+      "icon-size": 20,
+      "show-passive-items": true,
+      "spacing": 5
+    },
+  }
+]

config/waybar/style.css

@@ -0,0 +1,52 @@
+@import url("colors/three-bears.css");
+
+/*Order is Top-Right-Bottom-Left for combined properties*/
+
+window#waybar {
+  font-family: Jetbrains Mono;
+  font-weight: bold;
+  color: @dark;
+  background-color: @accent-dark;
+}
+
+/*Square Widgets*/
+#custom-launcher,
+#workspaces button,
+#tray {
+  padding: 0px 10px 0px 10px;
+  margin: 5px 5px 5px 5px;
+  border-radius: 6px;
+}
+
+/*Tux Icon*/
+#custom-launcher {
+  font-size: 18px;
+  padding-right: 0px;
+}
+
+/*Rectangle Widgets*/
+#user,
+#window,
+#pulseaudio,
+#network,
+#cpu,
+#memory,
+#temperature,
+#clock {
+  padding: 0px 10px 0px 10px;
+  margin: 8px 5px 8px 5px;
+  border-radius: 6px;
+}
+
+/*Colors*/
+#custom-launcher { background-color: @pastel-g; }
+#user { background-color: @pastel-f; }
+#window { background-color: @pastel-e; }
+#workspaces button { background-color: @pastel-d; }
+#pulseaudio { background-color: @pastel-e; }
+#network { background-color: @pastel-f; }
+#cpu { background-color: @pastel-g; }
+#memory { background-color: @pastel-h; }
+#temperature { background-color: @pastel-i; }
+#clock { background-color: @pastel-a; }
+#tray { background-color: @pastel-b; }