From f9cbf4d8ed8cb4318e69b62c69052ec5eeddae02 Mon Sep 17 00:00:00 2001 From: Thanos Apollo Date: Fri, 31 Mar 2023 12:26:32 +0300 Subject: waybar: Update styling Style using ayu-dark color theme, add Jetbrains Mono --- .config/waybar/style.css | 37 +++++++++++++++++++++---------------- 1 file changed, 21 insertions(+), 16 deletions(-) (limited to '.config/waybar') diff --git a/.config/waybar/style.css b/.config/waybar/style.css index 1227856..bcfb4b0 100644 --- a/.config/waybar/style.css +++ b/.config/waybar/style.css @@ -1,7 +1,7 @@ * { border: none; border-radius: 0; - font-family: Cartograph CF Nerd Font, monospace; + font-family: Jetbrains Mono, Cartograph CF Nerd Font, monospace; font-weight: bold; font-size: 14px; min-height: 0; @@ -13,7 +13,7 @@ window#waybar { } tooltip { - background: #1e1e2e; + background: #0d1017; border-radius: 10px; border-width: 2px; border-style: solid; @@ -27,7 +27,7 @@ tooltip { } #workspaces button.active { - color: #a6adc8; + color: #39bae6; } #workspaces button.focused { @@ -56,11 +56,12 @@ tooltip { #clock, #battery, #pulseaudio, +#custrom-volume, #network, #workspaces, #tray, #backlight { - background: #1e1e2e; + background: #0d1017; padding: 0px 10px; margin: 3px 0px; margin-top: 10px; @@ -73,7 +74,7 @@ tooltip { } #workspaces { - background: #1e1e2e; + background: #0d1017; border-radius: 10px; margin-left: 10px; padding-right: 0px; @@ -94,19 +95,19 @@ tooltip { } #custom-updates { - color: #f5c2e7; + color: #ff8f40; border-left: 0px; border-right: 0px; } #window { border-radius: 10px; - margin-left: 60px; + margin-left: 20px; margin-right: 60px; } #clock { - color: #fab387; + color: #39bae6; border-radius: 10px 0px 0px 10px; margin-left: 0px; border-right: 0px; @@ -119,13 +120,16 @@ tooltip { } #pulseaudio { - color: #89b4fa; - border-left: 0px; - border-right: 0px; -} - -#pulseaudio.microphone { - color: #cba6f7; + color: #59c2ff; + border-left: 5px; + border-right: 5px; +} +#custom-volume { + background: #0d1017; + color: #59c2ff; + padding: 8px; + margin-top: 11px; + margin-bottom: 3px; border-left: 0px; border-right: 0px; } @@ -135,10 +139,11 @@ tooltip { border-radius: 0 10px 10px 0; margin-right: 10px; border-left: 0px; + } #custom-weather { border-radius: 0px 10px 10px 0px; border-right: 0px; margin-left: 0px; -} \ No newline at end of file +} -- cgit v1.2.3