waybar: update config

diff --git a/dot-config/waybar/config.jsonc b/dot-config/waybar/config.jsonc
index fc6247366a122255297c617d0abc29e2ce732bd9..c38e0d2f3d467b7483b5b925cbd2e5d595b95985 100644 (file)
--- a/dot-config/waybar/config.jsonc
+++ b/dot-config/waybar/config.jsonc
@@ -59,7 +59,7 @@
       "(.*) - Dolphin": " $1",
       "lfrun(.*)": "󰀶 $1",
       "Now playing(.*)": " Now playing $1",
-      "Threema(.*)": "󰭺 $1",
+      "Threema(.*)": "󰭺 $1"
     },
     "on-click": "hyprctl dispatch pseudo",
     "on-click-right": "~/.config/hypr/scripts/mousefocus_toggle.sh",
@@ -71,7 +71,6 @@
     "tooltip": false
   },
   "hyprland/language": {
-    //"format": " <span color='#efefef'>󰌌</span> {} ",
     "format": " 󰌌 {} ",
     "format-en": "en",
     "format-de": "de"
@@ -101,7 +100,7 @@
     "format": " 󰌌 {} ",
     "format-en": "en",
     "format-de": "de"
-  },
+  }
 },
   "keyboard-state": {
     "numlock": true,
@@ -345,7 +344,7 @@
     "orientation": "horizontal",
     "modules": [
       "tray",
-      "clock",
+      "clock"
     ]
   },
   "group/display": {

diff --git a/dot-config/waybar/style.css b/dot-config/waybar/style.css
index 94c8408a414be63e170a3cf193fb49690a1b69bc..2df77b6c3770c4cd28a7e1f8119ae0d753b8b95e 100644 (file)
--- a/dot-config/waybar/style.css
+++ b/dot-config/waybar/style.css
@@ -3,95 +3,96 @@
 
 /* -----------------------------------  window ----------------------------------- */
 * {
-  font-family: "Iosevka Nerd Font Propo";
-  font-size: 13px;
-  min-height: 7px;
-  padding: 0;
-  margin: 0;
+    font-family: "Iosevka Nerd Font Propo";
+    font-size: 13px;
+    min-height: 7px;
+    padding: 0;
+    margin: 0;
 }
 
 /* -----------------------------------  waybar ----------------------------------- */
 #waybar {
-  border-radius: 0px 0px 8px 8px;
-  border: 1px @base00;
-  color: @base05;
-  background-color: transparent;
+    border-radius: 0px 0px 8px 8px;
+    border: 1px @base00;
+    color: @base05;
+    background-color: transparent;
 }
 
-#waybar > box {
-  padding-left: 4px;
-  padding-right: 4px;
-  background: none;
+#waybar>box {
+    padding-left: 4px;
+    padding-right: 4px;
+    background: none;
 }
 
 tooltip {
-  background: @base00;
-  border: 1px solid @base02;
-  border-radius: 4px;
+    background: @base00;
+    border: 1px solid @base02;
+    border-radius: 4px;
 }
+
 tooltip label {
-  padding: 8px;
-  color: @base05;
+    padding: 8px;
+    color: @base05;
 }
 
 /* ------------------------------------ workspaces begin ------------------------------ */
 #workspaces {
-  border-radius: 0px;
-  padding-left: 5px;
-  padding-right: 5px;
-  margin-top: 2px;
-  margin-left: 0px;
-  margin-right: 0px;
-  margin-bottom: 2px;
-  background: none;
+    border-radius: 0px;
+    padding-left: 5px;
+    padding-right: 5px;
+    margin-top: 2px;
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-bottom: 2px;
+    background: none;
 }
 
 #workspaces button {
-  border-radius: 8px;
-  background: @base03;
-  color: @base00;
-  border: 1px solid @base03;
-  padding: 0 8px;
-  margin-top: 2px;
-  margin-left: 1px;
-  margin-right: 1px;
-  margin-bottom: 2px;
-  transition: all 0.3s ease;
+    border-radius: 8px;
+    background: @base03;
+    color: @base00;
+    border: 1px solid @base03;
+    padding: 0 8px;
+    margin-top: 2px;
+    margin-left: 1px;
+    margin-right: 1px;
+    margin-bottom: 2px;
+    transition: all 0.3s ease;
 }
 
 #workspaces button:hover {
-  background: alpha(@base07, 0.7);
+    background: alpha(@base07, 0.7);
 }
 
 #workspaces button.focused:hover,
 #workspaces button.active:hover {
-  background: alpha(@base07, 0.7);
-  border-color: alpha(@base07, 0.9);
+    background: alpha(@base07, 0.7);
+    border-color: alpha(@base07, 0.9);
 }
 
 #workspaces button.focused,
 #workspaces button.active {
-  border-radius: 8px;
-  background: @base0C;
-  border: 1px solid @base03;
-  padding: 0 8px;
-  color: @base00;
-  transition: all 0.3s ease;
+    border-radius: 8px;
+    background: @base0C;
+    border: 1px solid @base03;
+    padding: 0 8px;
+    color: @base00;
+    transition: all 0.3s ease;
 }
 
 #workspaces button.urgent {
-  border-radius: 8px;
-  background: @base0A;
-  border: 1px solid @base02;
-  color: @base00;
-  transition: all 0.3s ease;
+    border-radius: 8px;
+    background: @base0A;
+    border: 1px solid @base02;
+    color: @base00;
+    transition: all 0.3s ease;
 }
 
 #window {
-  padding-left: 10px;
-  padding-right: 10px;
-  color: @base05;
-  background-color: alpha(@base04, 0.1);
+    padding-left: 10px;
+    padding-right: 10px;
+    color: @base05;
+    background-color: alpha(@base04, 0.1);
     border-radius: 0px 0px 4px 4px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -103,50 +104,51 @@ tooltip label {
 }
 
 window#waybar {
-  border-top: none;
-  border-left: 1px solid @base00;
-  border-right: 1px solid @base00;
-  border-bottom: 1px solid @base00;
-  background-color: alpha(@base01, 0.92);
-  transition-property: background-color;
-  transition-duration: 0.5s;
-  /*background: linear-gradient(180deg, rgba(21,21,21,1) 0%, rgba(21,21,21,1) 45%, rgba(32,32,32,0.3) 100%);*/
+    border-top: none;
+    border-left: 1px solid @base00;
+    border-right: 1px solid @base00;
+    border-bottom: 1px solid @base00;
+    background-color: alpha(@base01, 0.92);
+    transition-property: background-color;
+    transition-duration: 0.5s;
+    /*background: linear-gradient(180deg, rgba(21,21,21,1) 0%, rgba(21,21,21,1) 45%, rgba(32,32,32,0.3) 100%);*/
 }
+
 /* ------------------------------------ workspaces end ------------------------------ */
 
 /* ------------------------------------ modules individual config  ------------------------------- */
 #custom-launcher {
-  padding-left: 10px;
-  padding-right: 10px;
-  margin-top: 1px;
-  margin-left: 1px;
-  margin-right: 1px;
-  margin-bottom: 2px;
-  color: @base00;
-  background: @base0D;
-  border: 1px solid @base01;
-  border-radius: 4px 8px 4px 8px;
+    padding-left: 10px;
+    padding-right: 10px;
+    margin-top: 1px;
+    margin-left: 1px;
+    margin-right: 1px;
+    margin-bottom: 2px;
+    color: @base00;
+    background: @base0D;
+    border: 1px solid @base01;
+    border-radius: 4px 8px 4px 8px;
 }
 
 #custom-notification {
-  padding-left: 10px;
-  padding-right: 10px;
-  margin-top: 1px;
-  margin-left: 1px;
-  margin-right: 1px;
-  margin-bottom: 2px;
-  color: @base00;
-  background: @base0E;
-  border: 1px solid @base01;
-  border-radius: 8px 4px 8px 4px;
+    padding-left: 10px;
+    padding-right: 10px;
+    margin-top: 1px;
+    margin-left: 1px;
+    margin-right: 1px;
+    margin-bottom: 2px;
+    color: @base00;
+    background: @base0E;
+    border: 1px solid @base01;
+    border-radius: 8px 4px 8px 4px;
 }
 
 #mpd {
-  padding-left: 4px;
-  padding-right: 4px;
-  color: @base0D;
-  background-color: alpha(@base0D, 0.1);
-  border: none;
+    padding-left: 4px;
+    padding-right: 4px;
+    color: @base0D;
+    background-color: alpha(@base0D, 0.1);
+    border: none;
     border-radius: 0px 0px 4px 4px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -158,11 +160,11 @@ window#waybar {
 }
 
 #mpris {
-  padding-left: 8px;
-  padding-right: 8px;
-  color: @base00;
-  background: none;
-  border: none;
+    padding-left: 8px;
+    padding-right: 8px;
+    color: @base00;
+    background: none;
+    border: none;
 }
 
 #submap {
@@ -183,11 +185,11 @@ window#waybar {
 
 /* ------------------------------------ sysmon group begin ------------------------------ */
 #cpu {
-  padding-left: 6px;
-  padding-right: 6px;
-  color: @base0B;
-  background-color: alpha(@base0B, 0.1);
-  border: none;
+    padding-left: 6px;
+    padding-right: 6px;
+    color: @base0B;
+    background-color: alpha(@base0B, 0.1);
+    border: none;
     border-radius: 0px 0px 0px 4px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -197,11 +199,12 @@ window#waybar {
     border-bottom: 1px solid;
     border-color: alpha(@base0B, 0.4);
 }
+
 #custom-gpuusage {
-  padding-left: 6px;
-  padding-right: 6px;
-  color: @base0B;
-  background-color: alpha(@base0B, 0.1);
+    padding-left: 6px;
+    padding-right: 6px;
+    color: @base0B;
+    background-color: alpha(@base0B, 0.1);
     border-radius: 0px 0px 0px 0px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -211,15 +214,16 @@ window#waybar {
     border-bottom: 1px solid;
     border-color: alpha(@base0B, 0.4);
 }
+
 #temperature,
 #temperature#cpu,
 #temperature#chipset,
 #temperature#vrm,
 #temperature#gpu {
-  padding-left: 6px;
-  padding-right: 6px;
-  color: @base0B;
-  background-color: alpha(@base0B, 0.1);
+    padding-left: 6px;
+    padding-right: 6px;
+    color: @base0B;
+    background-color: alpha(@base0B, 0.1);
     border-radius: 0px 0px 0px 0px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -229,15 +233,16 @@ window#waybar {
     border-bottom: 1px solid;
     border-color: alpha(@base0B, 0.4);
 }
+
 #temperature.critical,
 #temperature#cpu.critical,
 #temperature#chipset.critical,
 #temperature#vrm.critical,
 #temperature#gpu.critical {
-  padding-left: 6px;
-  padding-right: 6px;
-  color: @base08;
-  background-color: alpha(@base08, 0.1);
+    padding-left: 6px;
+    padding-right: 6px;
+    color: @base08;
+    background-color: alpha(@base08, 0.1);
     border-radius: 0px 0px 0px 0px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -247,12 +252,13 @@ window#waybar {
     border-bottom: 1px solid;
     border-color: alpha(@base08, 0.4);
 }
+
 #memory {
-  padding-left: 6px;
-  padding-right: 6px;
-  color: @base0B;
-  background-color: alpha(@base0B, 0.1);
-  border: none;
+    padding-left: 6px;
+    padding-right: 6px;
+    color: @base0B;
+    background-color: alpha(@base0B, 0.1);
+    border: none;
     border-radius: 0px 0px 4px 0px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -262,14 +268,15 @@ window#waybar {
     border-bottom: 1px solid;
     border-color: alpha(@base0B, 0.4);
 }
+
 /* ------------------------------------ sysmon group end ------------------------------ */
 
 /* ------------------------------------ trayclock group begin ------------------------------ */
 #tray {
-  padding-left: 6px;
-  padding-right: 6px;
-  color: @base00;
-  background-color: alpha(@base04, 0.1);
+    padding-left: 6px;
+    padding-right: 6px;
+    color: @base00;
+    background-color: alpha(@base04, 0.1);
     border-radius: 0px 0px 0px 4px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -282,10 +289,10 @@ window#waybar {
 
 #clock {
     font-weight: 500;
-  padding-left: 6px;
-  padding-right: 6px;
-  color: @base06;
-  background-color: alpha(@base04, 0.1);
+    padding-left: 6px;
+    padding-right: 6px;
+    color: @base06;
+    background-color: alpha(@base04, 0.1);
     border-radius: 0px 0px 4px 0px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -295,14 +302,15 @@ window#waybar {
     border-bottom: 1px solid;
     border-color: alpha(@base04, 0.4);
 }
+
 /* ------------------------------------ trayclock group end ------------------------------ */
 
 /* ------------------------------------ display group begin ------------------------------ */
 #idle_inhibitor {
-  padding-left: 6px;
-  padding-right: 2px;
-  color: @base0A;
-  background-color: alpha(@base0A, 0.1);
+    padding-left: 6px;
+    padding-right: 2px;
+    color: @base0A;
+    background-color: alpha(@base0A, 0.1);
     border-radius: 0px 0px 0px 4px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -316,10 +324,10 @@ window#waybar {
 #custom-gammarelay-temperature,
 #custom-gammarelay-gamma,
 #custom-gammarelay-brightness {
-  padding-left: 4px;
-  padding-right: 4px;
-  color: @base0A;
-  background-color: alpha(@base0A, 0.1);
+    padding-left: 4px;
+    padding-right: 4px;
+    color: @base0A;
+    background-color: alpha(@base0A, 0.1);
     border-radius: 0px 0px 0px 0px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -329,11 +337,12 @@ window#waybar {
     border-bottom: 1px solid;
     border-color: alpha(@base0A, 0.4);
 }
+
 #language {
-  padding-left: 2px;
-  padding-right: 2px;
-  color: @base0A;
-  background-color: alpha(@base0A, 0.1);
+    padding-left: 2px;
+    padding-right: 2px;
+    color: @base0A;
+    background-color: alpha(@base0A, 0.1);
     border-radius: 0px 0px 4px 0px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -343,15 +352,16 @@ window#waybar {
     border-bottom: 1px solid;
     border-color: alpha(@base0A, 0.4);
 }
+
 /* ------------------------------------ display group end ------------------------------ */
 
 /* ------------------------------------ modules bulk config ------------------------------ */
 #wireplumber {
-  padding-left: 6px;
-  padding-right: 6px;
-  color: @base0C;
-  background-color: alpha(@base0C, 0.1);
-  border: none;
+    padding-left: 6px;
+    padding-right: 6px;
+    color: @base0C;
+    background-color: alpha(@base0C, 0.1);
+    border: none;
     border-radius: 0px 0px 4px 4px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -363,11 +373,11 @@ window#waybar {
 }
 
 #network {
-  padding-left: 4px;
-  padding-right: 4px;
-  color: @base09;
-  background-color: alpha(@base09, 0.1);
-  border: none;
+    padding-left: 4px;
+    padding-right: 4px;
+    color: @base09;
+    background-color: alpha(@base09, 0.1);
+    border: none;
     border-radius: 0px 0px 4px 4px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -379,10 +389,10 @@ window#waybar {
 }
 
 #custom-powermenu {
-  padding-left: 4px;
-  padding-right: 4px;
-  color: @base09;
-  background-color: alpha(@base09, 0.3);
+    padding-left: 4px;
+    padding-right: 4px;
+    color: @base09;
+    background-color: alpha(@base09, 0.3);
     border-radius: 0px 0px 4px 4px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -394,9 +404,9 @@ window#waybar {
 }
 
 #custom-pipespacer {
-  background: none;
-  border: none;
-  color: @base04;
+    background: none;
+    border: none;
+    color: @base04;
 }
 
 #cpu:hover,
@@ -427,4 +437,3 @@ window#waybar {
 #custom-notification:hover {
     background-color: alpha(@base07, 0.7);
 }
-