fixes wallust and waybar coloring

.config/wallust/templates/alacritty.toml

@@ -9,8 +9,7 @@ cyan    = "{{color14}}"
 white   = "{{color15}}"
 
 [colors.cursor]
-cursor = "#8e8e8e"
+cursor = "{{cursor}}"
-text = "#080808"
 
 [colors.normal]
 black   = "{{color0}}"
@@ -24,9 +23,4 @@ white   = "{{color7}}"
 
 [colors.primary]
 background = "{{background}}"
-bright_foreground = "#eeeeee"
 foreground = "{{foreground}}"
-
-[colors.selection]
-background = "#b2ceee"
-text = "#080808"

.config/waybar/config

@@ -23,7 +23,7 @@
         //"hyprland/submap",
         "temperature",
         //"idle_inhibitor",
-        //"mpd"
+        //"mpd",
         "custom/spotify"
     ],
     "modules-center": [
@@ -38,12 +38,12 @@
         "battery",
         //"pulseaudio",
         "wireplumber",
-        "custom/screenshot_t",
+        "bluetooth",
+        //"custom/screenshot_t",
         "tray",
         "custom/power"
     ],
 
-
     // -------------------------------------------------------------------------
     // Modules
     // -------------------------------------------------------------------------
@@ -57,7 +57,6 @@
         "tooltip": false
     },
 
-
     "custom/rofi": {
         "format": "",
         "tooltip": false,
@@ -87,6 +86,16 @@
         "on-click": "gsimplecal"
     },
 
+    "bluetooth": {
+        // "controller": "controller1", // specify the alias of the controller if there are more than 1 on the system
+        "format": "",
+        "format-connected": " {num_connections} connected",
+        "tooltip-format": "{controller_alias}\t{controller_address}",
+        "tooltip-format-connected": "{controller_alias}\t{controller_address}\n\n{device_enumerate}",
+        "tooltip-format-enumerate-connected": "{device_alias}\t{device_address}",
+        "on-click": "blueman-manager"
+    },
+
     "temperature": {
         // "thermal-zone": 1,
         "interval": 4,

.config/waybar/style.css

@@ -17,17 +17,17 @@
   border: none;
   border-radius: 3px;
   min-height: 0;
-  margin: 0em 0.2em 0em 0.2em;
+  margin: 0;
 }
 
 /* The whole bar */
 #waybar {
-  background-color: var(--background);
+  background-color: alpha(@background, 0);
-  color: var(--foreground);
+  color: @foreground;
   transition-property: background-color;
   transition-duration: 0.5s;
   border-radius: 0px;
-  margin: 0px 0px;
+  margin: 0;
 }
 
 window#waybar.hidden {
@@ -35,42 +35,40 @@ window#waybar.hidden {
 }
 
 #workspaces button {
-  padding: 3px 2px; /* Adjusted padding to reduce height */
+  padding: 3px 2px;
-  margin: 3px 2px; /* Reduced margin slightly */
+  margin: 3px 2px;
   border-radius: 6px;
-  color: var(--foreground);
+  color: @foreground;
-  background-color: var(--color0);
+  background-color: @color0;
   transition: all 0.3s ease-in-out;
-  font-size: 13px; /* Slightly smaller font size */
+  font-size: 9px; /* Slightly smaller font size */
 }
 
 #workspaces button.active {
-  color: var(--foreground);
+  color: @foreground;
-  background: var(--color2);
+  background: @color3;
 }
 
 #workspaces button:hover {
-  background: var(--color1);
+  background: @color2;
 }
 
 #workspaces button.urgent {
-  background-color: var(--color9);
+  background-color: @color9;
 }
 
 #workspaces {
   background-color: rgba(17, 24, 39, 0.5);
-
+  margin-top: 2px;
-  border-radius: 14px;
+  border-radius: 3px;
-  padding: 3px 6px; /* Adjusted padding to reduce height */
+  padding: 3px 6px;
 }
 
 #window {
-  background-color: rgba(17, 24, 39, 0.1);
+  background-color: alpha(@background, 0.5);
-  font-size: 11px; /* Slightly smaller font size */
+  color: @foreground;
-  font-weight: 800;
+  border-radius: 3px;
-  color: var(--foreground);
+  padding: 1px 10px; /* Reduced padding */
-  border-radius: 14px;
-  padding: 1px 2px; /* Reduced padding */
   margin: 2px;
 }
 
@@ -78,208 +76,31 @@ window#waybar.hidden {
 #battery,
 #cpu,
 #memory,
-#disk,
+#custom-storage,
+#custom-weather,
+#bluetooth,
+#custom-media,
 #temperature,
 #backlight,
 #network,
-#pulseaudio,
 #wireplumber,
-#custom-media,
-#mode,
-#idle_inhibitor,
-#mpd,
-#bluetooth,
-#custom-hyprPicker,
-#custom-power-menu,
-#custom-spotify,
-#custom-weather,
-#custom-weather.severe,
-#custom-weather.sunnyDay,
-#custom-weather.clearNight,
-#custom-weather.cloudyFoggyDay,
-#custom-weather.cloudyFoggyNight,
-#custom-weather.rainyDay,
-#custom-weather.rainyNight,
-#custom-weather.showyIcyDay,
-#custom-weather.snowyIcyNight,
-#custom-weather.default {
-  background-color: rgba(17, 24, 39, 0.5);
-  border-radius: 14px;
-  padding: 5px; /* Adjusted padding */
-}
-
-#custom-screenshot_t {
-  background-color: rgba(17, 24, 39, 0.5);
-  border-radius: 14px;
-  padding: 4px;
-}
-
-#custom-spotify {
-  background-color: rgba(17, 24, 39, 0.5);
-  border-radius: 14px;
-  padding: 3px 12px;
-}
-
-#tray {
-  background-color: rgba(17, 24, 39, 0.5);
-  border-radius: 14px;
-  padding: 4px; /* Adjusted padding */
-}
-
-#cpu {
-  color: #fb958b;
-  background-color: rgba(17, 24, 39, 0.5);
-  padding: 4px;
-}
-
-#memory {
-  color: #ebcb8b;
-  background-color: rgba(17, 24, 39, 0.5);
-  padding: 4px;
-}
-
-#custom-power {
-  background-color: rgba(17, 24, 39, 0.5);
-  border-radius: 14px;
-  padding: 4px;
-}
-
-#custom-storage {
-  background-color: rgba(17, 24, 39, 0.5);
-  border-radius: 14px;
-  padding: 4px;
-}
-
-#custom-launcher {
-  background-color: rgba(27, 36, 43, 0.5);
-  color: rgba(106, 146, 215, 0.5);
-  border-radius: 7.5px;
-  padding: 3px 6px; /* Adjusted padding */
-}
-
-#custom-weather.severe {
-  color: rgba(235, 147, 125, 0.5);
-}
-
-#custom-weather.sunnyDay {
-  color: rgba(194, 202, 118, 0.5);
-}
-
-#custom-weather.clearNight {
-  color: rgba(202, 211, 245, 0.5);
-}
-
-#custom-weather.cloudyFoggyDay,
-#custom-weather.cloudyFoggyNight {
-  color: rgba(194, 221, 218, 0.5);
-}
-
-#custom-weather.rainyDay,
-#custom-weather.rainyNight {
-  color: rgba(90, 172, 165, 0.5);
-}
-
-#custom-weather.showyIcyDay,
-#custom-weather.snowyIcyNight {
-  color: rgba(214, 231, 229, 0.5);
-}
-
-#custom-weather.default {
-  color: rgba(219, 217, 216, 0.5);
-}
-
-/* If workspaces is the leftmost module, omit left margin */
-.modules-left > widget:first-child > #workspaces {
-  margin-left: 0;
-}
-
-/* If workspaces is the rightmost module, omit right margin */
-.modules-right > widget:last-child > #workspaces {
-  margin-right: 0;
-}
-
 #pulseaudio {
-  color: rgba(125, 155, 186, 0.5);
+  background-color: alpha(@background, 0.3);
+  color: @foreground;
+  padding: 0 10px;
+  margin: 2px;
 }
 
-#backlight {
+#bluetooth.disabled {
-  color: rgba(143, 188, 187, 0.5);
+  background-color: alpha(@color8, 0);
-}
-
-#clock {
-  color: rgba(200, 210, 224, 0.5);
-}
-
-#battery {
-  color: rgba(192, 202, 245, 0.5);
-}
-
-#battery.charging,
-#battery.full,
-#battery.plugged {
-  color: rgba(38, 166, 91, 0.5);
-}
-
-@keyframes blink {
-  to {
-    background-color: rgba(30, 34, 42, 0.5);
-    color: rgba(171, 178, 191, 0.5);
-  }
 }
 
 #battery.critical:not(.charging) {
-  color: rgba(245, 60, 60, 0.5);
+  color: @color1;
-  animation-name: blink;
-  animation-duration: 0.5s;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-  animation-direction: alternate;
-}
-
-label:focus {
-  background-color: rgba(0, 0, 0, 0.5);
-}
-
-#disk {
-  background-color: rgba(150, 75, 0, 0.5);
-}
-
-#bluetooth {
-  color: rgba(112, 125, 157, 0.5);
-}
-
-#bluetooth.disconnected {
-  color: rgba(245, 60, 60, 0.5);
-}
-
-#network {
-  color: rgba(180, 142, 173, 0.5);
-}
-
-#network.disconnected {
-  color: rgba(245, 60, 60, 0.5);
-}
-
-#custom-media {
-  background-color: rgba(102, 204, 153, 0.5);
-  color: #2a5c45;
-  min-width: 100px;
-}
-
-#custom-media.custom-spotify {
-  background-color: rgba(102, 204, 153, 0.5);
-}
-
-#custom-media.custom-vlc {
-  background-color: rgba(255, 160, 0, 0.5);
-}
-
-#temperature {
-  background-color: rgba(240, 147, 43, 0.5);
 }
 
 #temperature.critical {
-  background-color: rgba(253, 77, 75, 0.5);
+  background-color: alpha(@foreground, 0.5);
 }
 
 #tray > .passive {