From 72af419c43ec493d4cea7bb650897b358e5f3e4a Mon Sep 17 00:00:00 2001 From: Ruben Beltran del Rio Date: Tue, 8 Apr 2025 13:15:42 +0200 Subject: Make bar glyphier --- config/waybar/style.css | 23 ++++++++++++++++++++++- 1 file changed, 22 insertions(+), 1 deletion(-) (limited to 'config/waybar/style.css') diff --git a/config/waybar/style.css b/config/waybar/style.css index dd53eff..dac1db3 100644 --- a/config/waybar/style.css +++ b/config/waybar/style.css @@ -4,7 +4,8 @@ } window#waybar { - background-color: #0F261F; + /* background-color: #0F261F; */ + background-color: rgba(15, 38, 31, 0.95); color: #DAE6E3; transition-property: background-color; transition-duration: .5s; @@ -109,3 +110,23 @@ button:hover { color: #0F261F; background-color: #FAED8F; } + +#custom-tailscale.connected { + color: #0F261F; + background-color: #80FFCC; +} + +#custom-tailscale.stopped { + color: #0F261F; + background-color: #90A6A2; +} + +#custom-mullvad.connected { + color: #0F261F; + background-color: #FFB4F0; +} + +#custom-mullvad.disconnected { + color: #0F261F; + background-color: #B5D1CC; +} -- cgit From 849fc6582013a58eb14783ea8aeb6009bd7dbc25 Mon Sep 17 00:00:00 2001 From: Ruben Beltran del Rio Date: Thu, 10 Apr 2025 22:48:57 +0200 Subject: Notch friendly waybar config --- config/waybar/config.jsonc | 5 +++-- config/waybar/style.css | 1 + 2 files changed, 4 insertions(+), 2 deletions(-) (limited to 'config/waybar/style.css') diff --git a/config/waybar/config.jsonc b/config/waybar/config.jsonc index cb1b8b9..8ae7c95 100644 --- a/config/waybar/config.jsonc +++ b/config/waybar/config.jsonc @@ -1,11 +1,12 @@ { + "height": 32, "position": "top", "modules-left": [ "niri/workspaces", - "mpd" + "mpd", + "niri/window" ], "modules-center": [ - "niri/window" ], "modules-right": [ "idle_inhibitor", diff --git a/config/waybar/style.css b/config/waybar/style.css index dac1db3..deee975 100644 --- a/config/waybar/style.css +++ b/config/waybar/style.css @@ -109,6 +109,7 @@ button:hover { #mpd { color: #0F261F; background-color: #FAED8F; + margin-right: 8px; } #custom-tailscale.connected { -- cgit