add hyprland and waybar configs

2 files changed, 120 insertions, 0 deletions

diff --git a/.config/waybar/config b/.config/waybar/config
new file mode 100644
index 0000000..96f0e5e
--- /dev/null
+++ b/.config/waybar/config
@@ -0,0 +1,68 @@
+// -*- mode: json -*-
+
+{
+  "layer": "top",
+
+  "modules-left": [
+    "hyprland/workspaces",
+  ],
+  "modules-center": [
+    "clock#time",
+    "clock#date",
+  ],
+  "modules-right": [
+    "pulseaudio",
+    "battery",
+    "tray"
+  ],
+
+  "hyprland/workspaces": {
+        "format": "{icon}",
+        "format-active": " {icon} ",
+        "on-click": "activate"
+    },
+
+  "clock#time": {
+    "format": "{:%H:%M:%S}",
+    "tooltip": false,
+    "interval": 1
+  },
+  "clock#date": {
+    "format": "{:%A, %m/%d}",
+    "tooltip": false
+  },
+
+  "pulseaudio": {
+    "format": "{icon} {volume:2}%",
+    "format-bluetooth": "{icon}  {volume}% ",
+    "format-muted": "MUTE",
+    "format-icons": {
+      "headphones": "",
+      "default": [
+        "",
+        ""
+      ]
+    },
+    "scroll-step": 5,
+    "on-click": "pamixer -t",
+    "on-click-right": "pavucontrol"
+  },
+  "battery": {
+    "states": {
+      "good": 95,
+      "warning": 30,
+      "critical": 15
+    },
+    "format": "{icon} {capacity}%",
+    "format-icons": [
+      "",
+      "",
+      "",
+      "",
+      ""
+    ]
+  },
+  "tray": {
+    "spacing": 10
+  }
+}
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
new file mode 100644
index 0000000..c968d00
--- /dev/null
+++ b/.config/waybar/style.css
@@ -0,0 +1,52 @@
+* {
+    font-family: monospace, sans-serif;
+    font-size: 12px;
+    color: #fff;
+}
+
+window#waybar {
+    background-color: black;
+}
+
+#workspaces,
+#clock,
+#pulseaudio,
+#memory,
+#cpu,
+#battery,
+#disk,
+#tray {
+    background-color: black;
+    padding: 0 5px;
+    border-radius: 50px;
+    margin-right: 10px;
+}
+
+#workspaces {
+  margin-left: 10px;
+  padding: 0;
+}
+
+#workspaces button {
+    padding: 0px 3px;
+    margin: 4px;
+    border: none;
+    border-radius: 3px;
+}
+
+#workspaces button:hover {
+    background-color: black;
+}
+
+#workspaces button:hover label {
+    color: white;
+}
+
+#workspaces button.active {
+    background-color: white;
+}
+
+#workspaces button.active label {
+    color: black;
+}
+