diff --git a/waybar/style.css b/waybar/style.css new file mode 100644 index 0000000..6888bdc --- /dev/null +++ b/waybar/style.css @@ -0,0 +1,128 @@ + +* { + all: unset; + font-family: MonoidNerdFont; + font-size: 15px; + font-weight: 300; + transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); +} + +window#waybar { + background: rgba(17, 17, 27, 0); +} + +tooltip { + background: #000000; + border-radius: 20px; + border-width: 2px; + border-style: solid; + border-color: #D90202; + background-color: #000000; +} + +tooltip label { + color: #33D4C4; +} + +#hardware { + color: #33d4c4; + margin: 10px 0px; + border-radius: 40px; + border: 2px solid #D90202; + background-color: #362921; +} + +#network, #memory, #cpu, #battery, #clock, #custom-temperature { + border-radius: 30px; + margin: 2px 2px; + padding: 0px 7px; + background-color: #000000; +} + +#workspaces { + color: #33d4c4; + margin: 10px 5px; + border-radius: 20px; + border: 2px solid #D90202; + background-color: #362921; +} + +#workspaces button { + transition: all 0.05s cubic-bezier(0.165, 0.84, 0.44, 1); + margin: 2px 2px; + padding: 2px 5px; + background-color: #000000; + border-radius: 40px; +} + +#workspaces button.active { + color: #D90202; +} + +#workspaces button:hover { + background: #DDDDDD; +} + +#custom-power { + font-size: 30px; + color: #720102; + margin: 10px 5px; + padding: 0px 13px; + border: 2px solid #D90202; + border-radius: 40px; + background-color: #000000; +} + +#media { + color: #33d4c4; + margin: 10px 5px; + border-radius: 40px; + border: 2px solid #D90202; + background-color: #362921; +} + +#custom-cava { + border-radius: 30px; + margin: 2px 2px; + padding: 0px 7px; + background-color: #000000; +} + +#mpris, #pulseaudio, #custom-spotify { + border-radius: 30px; + margin: 2px 2px; + padding: 0px 7px; + background-color: #000000; +} + +#mpris.paused { + color: #D90202; +} + +#battery.warning { + color: #D90202; +} + +#battery.critical { + color: #D90202; + border-color: #D90202; + animation: blink 0.5s steps(1) infinite; +} + +#custom-spotify { + color: #33D4C4; + font-size: 18px; +} + +@keyframes blink { + to { color: #000000; background-color: #D90202; } +} + +#clock { + color: #33d4c4; + margin: 10px 5px; + padding: 0px 13px; + border: 2px solid #D90202; + border-radius: 40px; + background-color: #000000; +}