From d59c0258ffee138b8893d1d6189413c2ac08d95d Mon Sep 17 00:00:00 2001 From: Andre Ramnitz Date: Tue, 22 Apr 2025 13:08:49 +0200 Subject: [PATCH] waybar: tweak css again --- dot-config/waybar/config.jsonc | 17 ++++--- dot-config/waybar/style.css | 88 +++++++++++++++++++--------------- 2 files changed, 60 insertions(+), 45 deletions(-) diff --git a/dot-config/waybar/config.jsonc b/dot-config/waybar/config.jsonc index bf0755c6..d8861788 100644 --- 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": "{temperatureC}°C ", "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": "{temperatureC}°C " - "format": " {temperatureC}°C" + "format": " {temperatureC}°C", + "tooltip-format": "CPU Temp" }, "temperature#board": { "hwmon-path": "/dev/sensors/nct6799/temp1_input", "critical-threshold": 85, //"format": "{temperatureC}°C 󰇅" - "format": "󰇅 {temperatureC}°C" + "format": "󰇅 {temperatureC}°C", + "tooltip-format": "Mainboard Temp" }, "temperature#gpu": { "hwmon-path": "/dev/sensors/gpudedicated/temp1_input", "critical-threshold": 110, //"format": "{temperatureC}°C 󰍹" - "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 16ca72fe..08d2789d 100644 --- 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); } -- 2.51.2