(hyprland) added config for hyprland, adjust waybar config for use with hyprland

waybar/.config/waybar/config

@@ -2,15 +2,15 @@
     "name": "foobar",
     "layer": "top",
     "position": "top",
-    "height": 36,
+    "height": 30,
     "mode": "dock",
     "exclusive": true,
     "spacing": 16,
     "reload_style_on_change": true,
-    "modules-left": ["sway/workspaces", "sway/window"],
-    "modules-right": ["sway/language", "cpu", "pulseaudio", "clock#date", "clock#time"],
+    "modules-left": ["hyprland/workspaces", "hyprland/window"],
+    "modules-right": ["hyprland/language", "cpu", "pulseaudio", "clock#date", "clock#time"],
 
-    "sway/workspaces": {
+    "hyprland/workspaces": {
         "format": "{name}",
         "on-click": "activate",
         "all-output": true,
@@ -19,11 +19,11 @@
         "sort-by-name": false,
         "sort-by-coordinates": true
     },
-    "sway/window": {
+    "hyprland/window": {
         "max-length": 50
     },
 
-    "sway/language": {
+    "hyprland/language": {
         "format": " {short} {variant}",
         "tooltip": true
     },

waybar/.config/waybar/style.css

@@ -12,7 +12,7 @@
 window#waybar {
     font-family: JetBrainsMonoNerdFont;
     font-weight: bold;
-    font-size: 18px;
+    font-size: 16px;
     background: @--black;
     color: @--white;
 }
@@ -37,7 +37,7 @@ window#waybar {
     color: @--cyan;
 }
 
-#workspaces button.focused {
+#workspaces button.active {
     background: @--dark-grey;
     border-bottom: 2px solid @--cyan;
 }