Add waybar and wofi styling

config/waybar/config

@@ -0,0 +1,61 @@
+{
+  "layer": "bot",
+  "margin-bottom": 0,
+  "margin-top": 0,
+  "position": "top",
+  "modules-left": [
+    "hyprland/workspaces",
+    "tray"
+  ],
+  "modules-center": [
+    "hyprland/window"
+  ],
+  "modules-right": [
+    "cpu",
+    "memory",
+    "network",
+    "pulseaudio",
+    "battery",
+    "clock"
+  ],
+  "hyprland/workspaces": {
+    "disable-scroll": true,
+    "all-outputs": false,
+    "tooltip": false
+  },
+  "tray": {
+    "spacing": 8
+  },
+  "clock": {
+    "format": " {:%H:%M}",
+    "interval": 60,
+    "tooltip": true,
+    "tooltip-format": "{:%d %B %H:%M}"
+  },
+  "cpu": {
+    "format": " {usage}%"
+  },
+  "memory": {
+    "format": " {}%"
+  },
+  "network": {
+    "format": " {bandwidthDownBits}",
+    "format-disconnected": "󰤮 No Network",
+    "interval": 5,
+    "tooltip": false,
+    "on-click": "kitty -e nmtui"
+  },
+  "pulseaudio": {
+    "scroll-step": 5,
+    "max-volume": 100,
+    "format": " {volume}%",
+    "nospacing": 1,
+    "format-muted": "",
+    "on-click": "pavucontrol",
+    "tooltip": false
+  },
+  "battery": {
+    "format": "{icon} {capacity}%",
+    "format-icons": ["", "", "", "", ""]
+  }
+}

config/waybar/style.css

@@ -0,0 +1,59 @@
+*
+{
+  font-family: FiraCode Nerd Font Mono;
+  font-size: 14px;
+}
+
+window#waybar
+{
+  background: transparent;
+  color: #f6f5f4;
+}
+
+button
+{
+  box-shadow: inset 0 -3px transparent;
+  border: none;
+  border-radius: 0;
+}
+
+#workspaces
+{
+  margin-left: 0;
+}
+
+#workspaces button
+{
+  padding: 0 4px;
+}
+
+#workspaces button.focused,
+#workspaces button.active
+{
+  background-color: rgba(0,0,0,0.5);
+  color: #7cb58a;
+  border-top: 2px solid #7cb58a;
+}
+
+#clock,
+#battery,
+#cpu,
+#memory,
+#temperature,
+#network,
+#pulseaudio,
+#tray,
+#window
+{
+  margin: 3px;
+  padding-left: 4px;
+  padding-right: 4px;
+  background-color: rgba(0,0,0,0.6);
+  border-radius: 5px;
+  color: #f6f5f4;
+}
+
+#clock
+{
+  font-weight: bold;
+}

config/wofi/config

@@ -1,12 +1,16 @@
 show=drun
 show_all=true
-location=center
-insensitive=false
+
 allow_markup=true
 allow_images=true
-line_wrap=word
-lines=8
+
+location=center
 width=500
-no_actions=true
-prompt= Search
+height=500
+layer=overlay
 hide_scroll=true
+
+line_wrap=word
+no_actions=true
+insensitive=false
+prompt=Search

config/wofi/style.css

@@ -1,84 +1,62 @@
 *
 {
-  font-family: Maple Mono;
-  background: transparent;
-  color: #d8cab8;
+  font-family: FiraCode Nerd Font Mono;
 }
 
-#window
+window
 {
-  color: #d8cab8;
-  border-color: #d8cab8;
-  border-style: solid;
-  border-width: 1px;
-
-  background-image: linear-gradient(to bottom, #141216 100%);
-  border-radius: 14px;
-}
-
-#scroll
-{
-  border-top-style: solid;
-  border-width: 1px;
-  border-color: #d8cab8;
-}
-
-#inner-box
-{
-  padding-top: 12px;
-}
-
-#entry
-{
-  border-style: none;
-  border-color: #d8cab8;
-  color: #d8cab8;
-  padding: 6px;
-  margin-bottom: 8px;
-  margin-left: 12px;
-  margin-right: 12;
-
-  border-radius: 12px;
-}
-
-#entry:selected
-{
-  background: #27232b;
-  color: #d8cab8;
-  font-weight: bold;
-  outline: none;
+  margin: 0px;
+  border: 1px solid #ffffff;
+  background-color: #1d1d1d;
+  border-radius: 5px;
 }
 
 #input
 {
-  background-color: #141216;
-  color: #d8cab8;
-  border-color: #d8cab8;
-
-  border-style: none;
-  border-bottom-style: solid;
-  border-width: 1px;
-
-  font-style: normal;
-
-  border-radius: 8;
-  border-bottom-left-radius: 0px;
-  border-bottom-right-radius: 0px;
-
-  padding: 12px;
-  margin: 8px;
+  margin: 5px;
+  border: none;
+  color: #deddda;
+  background-color: #272e33;
 }
 
-#input:focus
+#inner-box
 {
-  background: #27232b;
-  background-color: #27232b;
-  border-color: #ac82e9;
-  font-style: italic;
+  margin: 5px;
+  border: none;
+}
+
+#outer-box
+{
+  margin: 5px;
+  border: none;
+}
+
+#scroll
+{
+  margin: 0px;
+  border: none;
+}
+
+#text
+{
+  margin: 5px;
+  border: none;
+  color: #deddda;
+}
+
+#entry
+{
+  border-radius: 3px;
+  padding: 8px;
+}
+
+#entry:selected
+{
+  background-color: #272e33;
+  font-weight: bold;
 }
 
 #img
 {
-  padding: 4px;
-  margin-right: 6px;
+  margin-right: 5px;
 }