171 lines
3 KiB
CSS
171 lines
3 KiB
CSS
* {
|
|
font-size: 1rem;
|
|
font-family: Rubik, iMWritingMono Nerd Font;
|
|
}
|
|
@keyframes urgent-workspace {
|
|
from {
|
|
color: yellow;
|
|
}
|
|
to {
|
|
color: red;
|
|
}
|
|
}
|
|
@keyframes border-expand {
|
|
0% {
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 2px currentcolor;
|
|
border-radius: 100px;
|
|
}
|
|
33% {
|
|
border-top: none;
|
|
border-left: solid 2px currentcolor;
|
|
border-right: solid 2px currentcolor;
|
|
border-bottom: solid 2px currentcolor;
|
|
border-radius: 66px;
|
|
}
|
|
66% {
|
|
border-top: solid 2px currentcolor;
|
|
border-left: solid 2px currentcolor;
|
|
border-right: solid 2px currentcolor;
|
|
border-bottom: none;
|
|
border-radius: 33px;
|
|
}
|
|
to {
|
|
border-top: solid 2px currentcolor;
|
|
border-radius: 0;
|
|
/* border-radius: 0rem 0rem 1rem 1rem; */
|
|
}
|
|
}
|
|
tooltip {
|
|
border: solid 2px currentcolor;
|
|
background: black;
|
|
color: white;
|
|
}
|
|
#p_info,
|
|
#info {
|
|
border-top: solid 1px #9649cd;
|
|
color: #9649cd;
|
|
transition: 650ms;
|
|
}
|
|
#p_info,
|
|
#info:hover {
|
|
border-bottom: solid 2px #9649cd;
|
|
border-top: none;
|
|
transition: 150ms;
|
|
}
|
|
|
|
window#waybar {
|
|
border-top: solid 1px transparent;
|
|
background: transparent;
|
|
opacity: 0.7;
|
|
/* background: rgba(153, 153, 153, 0.3); */
|
|
color: white;
|
|
}
|
|
window#waybar.empty {
|
|
opacity: 1.125;
|
|
}
|
|
window#waybar.fullscreen {
|
|
border: solid 2px #d70947;
|
|
opacity: 1.0;
|
|
}
|
|
#window {
|
|
padding: 2px;
|
|
margin: 4px 4px 0;
|
|
color: #fdf6e3;
|
|
font-weight: 600;
|
|
border-top: solid 1px transparent;
|
|
transition: 2s;
|
|
}
|
|
|
|
#workspaces button {
|
|
border-top: solid 2px currentcolor;
|
|
border-right: solid 2px currentcolor;
|
|
margin-top: 4px;
|
|
padding: 0;
|
|
transition: 200ms;
|
|
/* transition: transform 0.4s; */
|
|
border-radius: 0;
|
|
}
|
|
#workspaces button.empty {
|
|
opacity: 0.4;
|
|
}
|
|
#workspaces button.active {
|
|
color: #e44cdf;
|
|
padding: 0 10px;
|
|
margin-top: 0;
|
|
border-right: solid 2px currentcolor;
|
|
/* transition: translateY(0.75rem) 400ms; */
|
|
}
|
|
#workspaces button.urgent {
|
|
color: red;
|
|
animation: urgent-workspace ease-out 2s infinite;
|
|
}
|
|
|
|
#pulseaudio {
|
|
color: #cbb643;
|
|
}
|
|
/* #memory { */
|
|
/* color: #740cbe; */
|
|
/* } */
|
|
#cpu {
|
|
color: #a70a3c;
|
|
}
|
|
#battery {
|
|
color: #859900;
|
|
}
|
|
#network {
|
|
color: #1E90FF;
|
|
}
|
|
#disk {
|
|
color: #b58900;
|
|
}
|
|
#custom-reboot,
|
|
#custom-quit,
|
|
#custom-lock,
|
|
#custom-powerm,
|
|
#custom-power {
|
|
padding: 0.2rem 1rem;
|
|
font-weight: 600;
|
|
border-top: solid 1px currentcolor;
|
|
transition: 350ms;
|
|
}
|
|
#custom-reboot:hover,
|
|
#custom-quit:hover,
|
|
#custom-powerm:hover,
|
|
#custom-lock:hover,
|
|
#custom-power:hover {
|
|
border-top: solid 2px red;
|
|
transition: 250ms;
|
|
/* border-radius: 2rem; */
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
#pulseaudio,
|
|
#memory,
|
|
#cpu,
|
|
#battery,
|
|
#disk,
|
|
#clock,
|
|
#network,
|
|
#not-power,
|
|
#tray {
|
|
padding: 6px;
|
|
margin: 0px 4px 0;
|
|
font-weight: 600;
|
|
border-top: solid 2px transparent;
|
|
transition: 550ms;
|
|
}
|
|
|
|
#pulseaudio:hover,
|
|
#memory:hover,
|
|
#cpu:hover,
|
|
#battery:hover,
|
|
#network:hover,
|
|
#disk:hover,
|
|
#clock:hover {
|
|
border-top: solid 2px currentcolor;
|
|
transition: 250ms;
|
|
}
|
|
|