diff --git a/waybar/style.css b/waybar/style.css index 40c562d..d15c2d7 100644 --- a/waybar/style.css +++ b/waybar/style.css @@ -1,16 +1,22 @@ * { /* `otf-font-awesome` is required to be installed for icons */ - font-family: JetBrainsMono Nerd font, FontAwesome, Roboto, Helvetica, Arial, sans-serif; + font-family: + JetBrainsMono Nerd font, + FontAwesome, + Roboto, + Helvetica, + Arial, + sans-serif; font-size: 13px; border-radius: 10px; } window#waybar { background-color: #000000; - opacity: 0.7; + /*opacity: 0.7;*/ color: #ffffff; transition-property: background-color; - transition-duration: .5s; + transition-duration: 0.5s; padding: 2px; } @@ -19,7 +25,7 @@ window#waybar.hidden { } window#waybar.termite { - background-color: #3F3F3F; + background-color: #3f3f3f; } window#waybar.chromium { @@ -43,11 +49,11 @@ button { #workspaces button { padding: 0 15px; -/* background-color: transparent;*/ + /* background-color: transparent;*/ color: #ffffff; margin: 2px 2px; border-radius: 25px; - transition: 0.3s; + transition: 0.3s; } #workspaces button label { @@ -59,7 +65,7 @@ button { } #workspaces button.focused { - background-color: #64727D; + background-color: #64727d; box-shadow: inset 0 -3px #ffffff; } @@ -78,7 +84,7 @@ button { } #mode { - background-color: #64727D; + background-color: #64727d; border-bottom: 3px solid #ffffff; } @@ -103,8 +109,7 @@ button { #language, #keyboard-state, #custom-updatees, -#custom-weather -{ +#custom-weather { padding: 0 10px; color: #ffffff; /*background-color: #64727D;*/ @@ -115,7 +120,7 @@ button { margin: 0 4px; /*background-color: #64727D;*/ border-radius: 25px; - padding: 0 10px; + padding: 0 10px; } /* If workspaces is the leftmost module, omit left margin */ @@ -129,28 +134,29 @@ button { } #clock { -/* background-color: #64727D;*/ + /* background-color: #64727D;*/ } #battery { -/* background-color: #ffffff;*/ + /* background-color: #ffffff;*/ color: #ffffff; } -#battery.charging, #battery.plugged { +#battery.charging, +#battery.plugged { color: #ffffff; -/* background-color: #26A65B;*/ + /* background-color: #26A65B;*/ } @keyframes blink { to { -/* background-color: #ffffff;*/ + /* background-color: #ffffff;*/ color: #ffffff; } } #battery.critical:not(.charging) { -/* background-color: #f53c3c;*/ + /* background-color: #f53c3c;*/ color: #ffffff; animation-name: blink; animation-duration: 0.5s; @@ -160,32 +166,32 @@ button { } label:focus { -/* background-color: #000000;*/ + /* background-color: #000000;*/ } #cpu { -/* background-color: #2ecc71;*/ + /* background-color: #2ecc71;*/ color: #ffffff; } #memory { -/* background-color: #9b59b6;*/ + /* background-color: #9b59b6;*/ } #disk { -/* background-color: #964B00;*/ + /* background-color: #964B00;*/ } #backlight { -/* background-color: #90b1b1;*/ + /* background-color: #90b1b1;*/ } #network { -/* background-color: #2980b9;*/ + /* background-color: #2980b9;*/ } #network.disconnected { -/* background-color: #f53c3c;*/ + /* background-color: #f53c3c;*/ } #pulseaudio { @@ -193,43 +199,43 @@ label:focus { } #pulseaudio.muted { -/* background-color: #90b1b1;*/ + /* background-color: #90b1b1;*/ color: #2a5c45; } #wireplumber { -/* background-color: #fff0f5;*/ + /* background-color: #fff0f5;*/ color: #000000; } #wireplumber.muted { -/* background-color: #f53c3c;*/ + /* background-color: #f53c3c;*/ } #custom-media { -/* background-color: #66cc99;*/ + /* background-color: #66cc99;*/ color: #2a5c45; min-width: 100px; } #custom-media.custom-spotify { -/* background-color: #66cc99;*/ + /* background-color: #66cc99;*/ } #custom-media.custom-vlc { -/* background-color: #ffa000;*/ + /* background-color: #ffa000;*/ } #temperature { -/* background-color: #f0932b;*/ + /* background-color: #f0932b;*/ } #temperature.critical { -/* background-color: #eb4d4b;*/ + /* background-color: #eb4d4b;*/ } #tray { -/* background-color: #2980b9;*/ + /* background-color: #2980b9;*/ } #tray > .passive { @@ -238,11 +244,11 @@ label:focus { #tray > .needs-attention { -gtk-icon-effect: highlight; -/* background-color: #eb4d4b;*/ + /* background-color: #eb4d4b;*/ } #idle_inhibitor { -/* background-color: #2d3436;*/ + /* background-color: #2d3436;*/ } #idle_inhibitor.activated { @@ -251,24 +257,24 @@ label:focus { } #mpd { -/* background-color: #66cc99;*/ + /* background-color: #66cc99;*/ color: #2a5c45; } #mpd.disconnected { -/* background-color: #f53c3c;*/ + /* background-color: #f53c3c;*/ } #mpd.stopped { -/* background-color: #90b1b1;*/ + /* background-color: #90b1b1;*/ } #mpd.paused { -/* background-color: #51a37a;*/ + /* background-color: #51a37a;*/ } #language { -/* background: #00b093;*/ + /* background: #00b093;*/ color: #ffffff; padding: 0 5px; margin: 0 5px; @@ -276,7 +282,7 @@ label:focus { } #keyboard-state { -/* background: #97e1ad;*/ + /* background: #97e1ad;*/ color: #ffffff; padding: 0 0px; margin: 0 5px; @@ -288,15 +294,15 @@ label:focus { } #keyboard-state > label.locked { -/* background: rgba(0, 0, 0, 0.2);*/ + /* background: rgba(0, 0, 0, 0.2);*/ } #scratchpad { -/* background: rgba(0, 0, 0, 0.2);*/ + /* background: rgba(0, 0, 0, 0.2);*/ } #scratchpad.empty { - background-color: transparent; + background-color: transparent; } #privacy { @@ -317,11 +323,11 @@ label:focus { } #privacy-item.audio-out { -/* background-color: #0069d4;*/ + /* background-color: #0069d4;*/ } #custom-power { -/* background-color: #f0932b;*/ + /* background-color: #f0932b;*/ margin: 0 2px; } @@ -330,7 +336,7 @@ label:focus { }*/ #custom-launcher { -/* background-color: #f0932b;*/ + /* background-color: #f0932b;*/ padding: 0 15px 0 10px; margin: 0 2px; } @@ -380,4 +386,3 @@ label:focus { #custom-onscreenkeyboard { padding: 10px 12px; } -