128 lines
2 KiB
CSS
128 lines
2 KiB
CSS
|
|
* {
|
|
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;
|
|
}
|