diff --git a/nixos-config/home-manager/config/waybar/style.css b/nixos-config/home-manager/config/waybar/style.css index d2c055ff..1be590e2 100644 --- a/nixos-config/home-manager/config/waybar/style.css +++ b/nixos-config/home-manager/config/waybar/style.css @@ -1,14 +1,16 @@ * { /* `otf-font-awesome` is required to be installed for icons */ - font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif; - font-size: 13px; + font-family: FontAwesome, Fira Sans, sans-serif; + font-size: 12px; } window#waybar { /*background-color: rgba(43, 48, 59, 0.5);*/ background-color: rgba(51, 2, 47, 0.6); - border-bottom: 3px solid rgba(100, 114, 125, 0.5); - color: #ffffff; + border-top: 2px solid rgba(93, 4, 86, 0.8); + /*border-bottom: 3px solid rgba(100, 114, 125, 0.5);*/ + color: #f2daf0; + /*color: #ffffff;*/ transition-property: background-color; transition-duration: 0.5s; } @@ -26,15 +28,6 @@ window#waybar.solo { } */ -window#waybar.termite { - background-color: #3f3f3f; -} - -window#waybar.chromium { - background-color: #000000; - border: none; -} - button { /* Use box-shadow instead of border so the text isn't offset */ box-shadow: inset 0 -3px transparent; @@ -75,24 +68,9 @@ button:hover { #clock, #battery, -#cpu, -#memory, -#disk, -#temperature, -#backlight, -#network, -#pulseaudio, -#wireplumber, -#custom-media, #tray, #mode, #idle_inhibitor, -#scratchpad, -#mpd { - padding: 0 10px; - color: #ffffff; -} - #window, #workspaces { margin: 0 4px; @@ -109,30 +87,30 @@ button:hover { } #clock { - background-color: #64727d; + background-color: #5d0456; } #battery { - background-color: #ffffff; - color: #000000; + background-color: #5d0456; + /*color: #000000;*/ } #battery.charging, #battery.plugged { - color: #ffffff; - background-color: #26a65b; + /*color: #ffffff;*/ + background-color: #1d7b43; } @keyframes blink { to { - background-color: #ffffff; + background-color: #f2daf0; color: #000000; } } #battery.critical:not(.charging) { - background-color: #f53c3c; - color: #ffffff; + background-color: #ca3232; + color: #f2daf0; animation-name: blink; animation-duration: 0.5s; animation-timing-function: linear; @@ -144,72 +122,7 @@ label:focus { background-color: #000000; } -#cpu { - background-color: #2ecc71; - color: #000000; -} - -#memory { - background-color: #9b59b6; -} - -#disk { - background-color: #964b00; -} - -#backlight { - background-color: #90b1b1; -} - -#network { - background-color: #2980b9; -} - -#network.disconnected { - background-color: #f53c3c; -} - -#pulseaudio { - background-color: #f1c40f; - color: #000000; -} - -#pulseaudio.muted { - background-color: #90b1b1; - color: #2a5c45; -} - -#wireplumber { - background-color: #fff0f5; - color: #000000; -} - -#wireplumber.muted { - background-color: #f53c3c; -} - -#custom-media { - background-color: #66cc99; - color: #2a5c45; - min-width: 100px; -} - -#custom-media.custom-spotify { - background-color: #66cc99; -} - -#custom-media.custom-vlc { - background-color: #ffa000; -} - -#temperature { - background-color: #f0932b; -} - -#temperature.critical { - background-color: #eb4d4b; -} - +/* #tray { background-color: #2980b9; } @@ -222,61 +135,13 @@ label:focus { -gtk-icon-effect: highlight; background-color: #eb4d4b; } +*/ #idle_inhibitor { - background-color: #2d3436; + background-color: #33022f; } #idle_inhibitor.activated { - background-color: #ecf0f1; - color: #2d3436; -} - -#mpd { - background-color: #66cc99; - color: #2a5c45; -} - -#mpd.disconnected { - background-color: #f53c3c; -} - -#mpd.stopped { - background-color: #90b1b1; -} - -#mpd.paused { - background-color: #51a37a; -} - -#language { - background: #00b093; - color: #740864; - padding: 0 5px; - margin: 0 5px; - min-width: 16px; -} - -#keyboard-state { - background: #97e1ad; - color: #000000; - padding: 0 0px; - margin: 0 5px; - min-width: 16px; -} - -#keyboard-state > label { - padding: 0 5px; -} - -#keyboard-state > label.locked { - background: rgba(0, 0, 0, 0.2); -} - -#scratchpad { - background: rgba(0, 0, 0, 0.2); -} - -#scratchpad.empty { - background-color: transparent; + background-color: #f2daf0; + color: #5d0456; }