waybar: tweak css again

diff --git a/dot-config/waybar/config.jsonc b/dot-config/waybar/config.jsonc
index bf0755c644f43148a4bfcefc095350f1909e654c..d8861788d3ece26dcf3000cac01f4fc0e5ca5007 100644 (file)
--- a/dot-config/waybar/config.jsonc
+++ b/dot-config/waybar/config.jsonc
@@ -199,29 +199,33 @@
     "interval": 1
   },
   "temperature#water": {
-    "hwmon-path": "/dev/sensors/aquastream/temp2_input",
+    "hwmon-path": "/dev/sensors/d5next/temp1_input",
     "critical-threshold": 42,
     //"format": "<span color='#efefef'>{temperatureC}°C</span> ",
     "format": " {temperatureC}°C",
-    "on-click-right": "foot -a popup /usr/local/bin/fan2go-tui"
+    "on-click-right": "foot -a popup /usr/local/bin/fan2go-tui",
+    "tooltip-format": "Water Temp"
   },
   "temperature#cpu": {
     "hwmon-path": "/dev/sensors/k10temp/temp1_input",
     "critical-threshold": 95,
     //"format": "<span color='#efefef'>{temperatureC}°C</span> "
-    "format": " {temperatureC}°C"
+    "format": " {temperatureC}°C",
+    "tooltip-format": "CPU Temp"
   },
   "temperature#board": {
     "hwmon-path": "/dev/sensors/nct6799/temp1_input",
     "critical-threshold": 85,
     //"format": "<span color='#efefef'>{temperatureC}°C</span> 󰇅"
-    "format": "󰇅 {temperatureC}°C"
+    "format": "󰇅 {temperatureC}°C",
+    "tooltip-format": "Mainboard Temp"
   },
   "temperature#gpu": {
     "hwmon-path": "/dev/sensors/gpudedicated/temp1_input",
     "critical-threshold": 110,
     //"format": "<span color='#efefef'>{temperatureC}°C</span> 󰍹"
-    "format": "󰍹 {temperatureC}°C"
+    "format": "󰍹 {temperatureC}°C",
+    "tooltip-format": "GPU Junction Temp"
   },
   "network": {
     "format-wifi": "  ",
@@ -230,7 +234,8 @@
     "tooltip-format-wifi": " {essid} ({signalStrength}%)",
     "format-linked": " {ifname} (No IP)",
     "format-disconnected": "⚠ ",
-    "format-alt": "{ifname}: {ipaddr}/{cidr}"
+    "format-alt": "{ifname}: {ipaddr}/{cidr}",
+    "on-click-right": "systemsettings kcm_networkmanagement"
   },
   "wireplumber": {
     "scroll-step": 5,

diff --git a/dot-config/waybar/style.css b/dot-config/waybar/style.css
index 16ca72fe7229108819cbfa8bfb9e15ed46a6e90c..08d2789d3e25ff8dcca64f5b539244d33e131ad4 100644 (file)
--- a/dot-config/waybar/style.css
+++ b/dot-config/waybar/style.css
@@ -15,14 +15,17 @@
 /* -----------------------------------  waybar ----------------------------------- */
 #waybar {
     border-radius: 0px 0px 8px 8px;
-    border: 1px @base00;
+    /*border: 1px @base00;*/
+    border: none;
     color: @base05;
     background-color: transparent;
 }
 
 #waybar>box {
-    padding-left: 4px;
-    padding-right: 4px;
+    padding-top: 0px;
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-bottom: 0px;
     background: none;
 }
 
@@ -42,11 +45,15 @@ tooltip label {
     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 0px 4px 4px;
+    margin-top: 0px;
+    margin-bottom: 5px;
+    margin-left: 10px;
+    background: alpha(@base01, 1.00);
+    border-left: 1px solid;
+    border-right: 1px solid;
+    border-bottom: 1px solid;
+    border-color: alpha(@base04, 0.4);
 }
 
 #workspaces button {
@@ -93,8 +100,8 @@ tooltip label {
 #window {
     padding-left: 10px;
     padding-right: 10px;
-    color: @base00;
-    background-color: alpha(@base05, 1.0);
+    color: @base05;
+    background-color: alpha(@base01, 1.0);
     border-radius: 0px 0px 4px 4px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -107,10 +114,10 @@ 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);
+    border-left: none;
+    border-right: none;
+    border-bottom: none;
+    background-color: transparent;
     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%);*/
@@ -122,14 +129,14 @@ window#waybar {
 #custom-launcher {
     padding-left: 10px;
     padding-right: 10px;
-    margin-top: 1px;
-    margin-left: 1px;
+    margin-top: 0px;
+    margin-left: 0px;
     margin-right: 1px;
-    margin-bottom: 2px;
+    margin-bottom: 5px;
     color: @base00;
     background: @base09;
     border: 1px solid @base01;
-    border-radius: 4px 8px 4px 8px;
+    border-radius: 2px 2px 8px 2px;
 }
 
 #custom-launcher:hover {
@@ -139,14 +146,14 @@ window#waybar {
 #custom-notification {
     padding-left: 10px;
     padding-right: 10px;
-    margin-top: 1px;
+    margin-top: 0px;
     margin-left: 1px;
-    margin-right: 1px;
-    margin-bottom: 2px;
+    margin-right: 0px;
+    margin-bottom: 5px;
     color: @base00;
     background: @base09;
     border: 1px solid @base01;
-    border-radius: 8px 4px 8px 4px;
+    border-radius: 2px 2px 2px 8px;
 }
 
 #custom-notification:hover {
@@ -198,7 +205,7 @@ window#waybar {
     padding-left: 6px;
     padding-right: 6px;
     color: @base0B;
-    background-color: alpha(@base0B, 0.1);
+    background-color: alpha(@base01, 1.0);
     border: none;
     border-radius: 0px 0px 0px 4px;
     margin-top: 0px;
@@ -214,7 +221,7 @@ window#waybar {
     padding-left: 6px;
     padding-right: 6px;
     color: @base0B;
-    background-color: alpha(@base0B, 0.1);
+    background-color: alpha(@base01, 1.0);
     border-radius: 0px 0px 0px 0px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -233,7 +240,7 @@ window#waybar {
     padding-left: 6px;
     padding-right: 6px;
     color: @base0B;
-    background-color: alpha(@base0B, 0.1);
+    background-color: alpha(@base01, 1.0);
     border-radius: 0px 0px 0px 0px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -252,7 +259,7 @@ window#waybar {
     padding-left: 6px;
     padding-right: 6px;
     color: @base08;
-    background-color: alpha(@base08, 0.1);
+    background-color: alpha(@base01, 1.0);
     border-radius: 0px 0px 0px 0px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -267,7 +274,7 @@ window#waybar {
     padding-left: 6px;
     padding-right: 6px;
     color: @base0B;
-    background-color: alpha(@base0B, 0.1);
+    background-color: alpha(@base01, 1.0);
     border: none;
     border-radius: 0px 0px 4px 0px;
     margin-top: 0px;
@@ -286,14 +293,15 @@ window#waybar {
     padding-left: 6px;
     padding-right: 6px;
     color: @base00;
-    background-color: alpha(@base04, 0.1);
+    background-color: alpha(@base01, 1.0);
     border-radius: 0px 0px 0px 4px;
-    margin-top: 1px;
+    margin-top: 0px;
     margin-bottom: 4px;
     border-top: none;
     border-left: 1px solid;
     border-right: none;
     border-bottom: 1px solid;
+    border-bottom: 1px solid;
     border-color: alpha(@base04, 0.4);
 }
 
@@ -302,9 +310,9 @@ window#waybar {
     padding-left: 6px;
     padding-right: 6px;
     color: @base07;
-    background-color: alpha(@base04, 0.1);
+    background-color: alpha(@base01, 1.0);
     border-radius: 0px 0px 4px 0px;
-    margin-top: 1px;
+    margin-top: 0px;
     margin-bottom: 4px;
     border-top: none;
     border-left: none;
@@ -320,7 +328,7 @@ window#waybar {
     padding-left: 6px;
     padding-right: 2px;
     color: @base0A;
-    background-color: alpha(@base0A, 0.1);
+    background-color: alpha(@base01, 1.0);
     border-radius: 0px 0px 0px 4px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -337,7 +345,7 @@ window#waybar {
     padding-left: 4px;
     padding-right: 4px;
     color: @base0A;
-    background-color: alpha(@base0A, 0.1);
+    background-color: alpha(@base01, 1.0);
     border-radius: 0px 0px 0px 0px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -352,7 +360,7 @@ window#waybar {
     padding-left: 2px;
     padding-right: 2px;
     color: @base0A;
-    background-color: alpha(@base0A, 0.1);
+    background-color: alpha(@base01, 1.0);
     border-radius: 0px 0px 4px 0px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -370,7 +378,7 @@ window#waybar {
     padding-left: 6px;
     padding-right: 6px;
     color: @base0C;
-    background-color: alpha(@base0C, 0.1);
+    background-color: alpha(@base01, 1.0);
     border: none;
     border-radius: 0px 0px 4px 4px;
     margin-top: 0px;
@@ -386,7 +394,7 @@ window#waybar {
     padding-left: 4px;
     padding-right: 4px;
     color: @base09;
-    background-color: alpha(@base09, 0.1);
+    background-color: alpha(@base01, 1.0);
     border: none;
     border-radius: 0px 0px 4px 4px;
     margin-top: 0px;
@@ -402,7 +410,7 @@ window#waybar {
     padding-left: 4px;
     padding-right: 4px;
     color: @base09;
-    background-color: alpha(@base09, 0.3);
+    background-color: alpha(@base01, 1.0);
     border-radius: 0px 0px 4px 4px;
     margin-top: 0px;
     margin-bottom: 4px;
@@ -419,10 +427,12 @@ window#waybar {
     color: @base04;
 }
 
+#window:hover,
 #cpu:hover,
 #custom-gpuusage:hover,
-#memory:hover,
 #clock:hover,
+#memory:hover,
+#network:hover,
 #custom-gammarelay-brightness:hover,
 #custom-gammarelay-gamma:hover,
 #custom-gammarelay-temperature:hover,
@@ -440,6 +450,6 @@ window#waybar {
 #wireplumber:hover,
 #custom-wallpaper:hover,
 #idle_inhibitor:hover {
-    background-color: alpha(@base07, 0.3);
+    background-color: alpha(@base03, 1.0);
 }