refactor: waybar, hypr config

waybar/config_bottom.jsonc

@@ -13,8 +13,8 @@
     "spacing": 0,
     "reload_style_on_change": true,
     "modules-left": [
-        "tray"
-        // "custom/pomodoro"
+        "tray",
+        "custom/pomodoro"
     ],
     "modules-center": [
     "wlr/taskbar",

waybar/config_top.jsonc

@@ -33,9 +33,8 @@
         }
     },
     "hyprland/workspaces": {
+        "persistent-only": true,
         "disable-scroll": true,
-        "all-outputs": false,
-        "active-only": false,
         "warp-on-scroll": false,
         "move-to-monitor": true,
         "persistent-workspaces": {

waybar/run.sh

@@ -8,8 +8,10 @@ TOP_STYLE="$DIR/style/style_top.css"
 BOTTOM_CONFIG="$DIR/config_bottom.jsonc"
 BOTTOM_STYLE="$DIR/style/style_bottom.css"
 
-DOCK_CONFIG="$DIR/config_dock.jsonc"
-DOCK_STYLE="$DIR/style/style_dock.css"
+# A hack needed for the bar to recognize the special workspaces defined in the
+# Hyprland config instead of creating regular workspaces with the same name,
+# breaking the functionality.
+# POPULATE_SPECIAL_WORKSPACES=1
 
 kill_bars() {
     if pgrep waybar > /dev/null; then
@@ -20,9 +22,22 @@ kill_bars() {
 }
 
 run_bars() {
+
+    # if [ $POPULATE_SPECIAL_WORKSPACES -eq 1 ]; then
+    #     hyprctl dispatch exec [ workspace special:dungeon silent  ] "kitty --class kitty-specialkludge1"
+    #     hyprctl dispatch exec [ workspace special:magic silent  ] "kitty --class kitty-specialkludge2"
+    #     sleep 1
+    # fi
+
     waybar -c "$TOP_CONFIG" -s "$TOP_STYLE" &
     waybar -c "$BOTTOM_CONFIG" -s "$BOTTOM_STYLE" &
-    waybar -c "$DOCK_CONFIG" -s "$DOCK_STYLE" &
+
+    # if [ $POPULATE_SPECIAL_WORKSPACES -eq 1 ]; then
+    #     sleep 2
+    #     hyprctl dispatch closewindow class:kitty-specialkludge1
+    #     hyprctl dispatch closewindow class:kitty-specialkludge2
+    # fi
+    
     return 0
 }
 

waybar/style/colors.css

@@ -4,9 +4,9 @@
 @define-color bg-opaque rgba(23, 28, 39, 0.8);
 @define-color border-color-section rgba(0,0,0,0);
 @define-color border-color rgba(90, 104, 115, 0.8); /* Matches --noti-border-color */
-@define-color text-primary #ffffff;
+@define-color text-primary #cccccc;
 @define-color text-secondary alpha(@text-primary,.2);
-@define-color accent #E83C82;
+@define-color accent #FD5164;
 @define-color attention #FFFF00;
 @define-color warning #FFAA00;
 @define-color danger #FF0000;

waybar/style/style_top.css

@@ -77,12 +77,16 @@ window#waybar.chromium {
 }
 
 /* Workspace States */
-#workspaces button.empty {
+#workspaces button.empty:not(.special) {
   color: @text-secondary;
 }
 
-#workspaces button.empty:not(.hosting-monitor) {
-  color: alpha(@text-secondary, 0.1);
+#workspaces button.active:not(.hosting-monitor) {
+  text-shadow: 0px 0px 8px @accent;
+}
+
+#workspaces button.special.active {
+  text-shadow: 0px 0px 8px @primary;
 }
 
 #workspaces button.active.hosting-monitor {
@@ -91,6 +95,10 @@ window#waybar.chromium {
   animation: hover 0.8s 1;
 }
 
+#workspaces button.empty:not(.hosting-monitor):not(.special) {
+  color: alpha(@text-secondary, 0.45);
+}
+
 #workspaces button.urgent {
   color: @attention;
   font-weight: 700;
@@ -105,7 +113,7 @@ window#waybar.chromium {
   text-shadow: 0px -2px 3px @text-primary;
 }
 
-#workspaces button:not(.hosting-monitor):not(.empty) {
+#workspaces button:not(.hosting-monitor):not(.empty):not(.special) {
     color: alpha(@accent, 0.2);
 }
 
@@ -119,18 +127,13 @@ window#waybar.chromium {
 /* --------------------------------------------------------------------------
    SIDE PANEL GROUPS
    -------------------------------------------------------------------------- */
-#mpd, #mpris, .modules-center, .modules-right {
+#mpd, #mpris, #workspaces, .modules-right {
   /* Layout & Box Model */
   border: 1px solid @border-color;
   border-radius: 15px;
    
   /* Colors */
   background-color: @bg-panel;
-  /* color: @text-primary; */
-  
-  /* Effects & Transitions */
-  /* transition-property: background-color; */
-  /* transition-duration: 0.5s; */
 }
 
 .modules-left {
@@ -269,7 +272,7 @@ window#waybar.chromium {
    -------------------------------------------------------------------------- */
 #window,
 #workspaces {
-  margin: 0 0px;
+  margin: 0 2.5px;
 }
 
 .modules-left > widget:first-child > #workspaces {