149 lines
2.9 KiB
CSS
149 lines
2.9 KiB
CSS
|
|
* {
|
|
font-size:15px;
|
|
font-family: "SauceCodePro Nerd Font Propo";
|
|
}
|
|
window#waybar{
|
|
all:unset;
|
|
}
|
|
.modules-left {
|
|
padding:7px;
|
|
margin:10 0 5 10;
|
|
background: rgba(34, 34, 34, .6);
|
|
border-radius:10px;
|
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
|
|
}
|
|
.modules-center {
|
|
padding:7px;
|
|
margin:10 0 5 0;
|
|
background: rgba(34, 34, 34, .6);
|
|
border-radius:10px;
|
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
|
|
}
|
|
.modules-right {
|
|
padding:7px;
|
|
margin: 10px 10px 5px 0px;
|
|
background: rgba(34, 34, 34, .6);
|
|
border-radius:10px;
|
|
box-shadow: 0px 0px 2px rgba(0, 0, 0, .6);
|
|
}
|
|
tooltip {
|
|
background: rgba(34, 34, 34, .6);
|
|
color: #db5e5e;
|
|
}
|
|
#pulseaudio{
|
|
padding: 0px 10px;
|
|
color:#ffffff;
|
|
}
|
|
#clock:hover, #custom-pacman:hover, #custom-notification:hover,#bluetooth:hover,#network:hover,#battery:hover, #cpu:hover,#memory:hover,#temperature:hover,#pulseaudio:hover{
|
|
transition: all .3s ease;
|
|
color:#db5e5e;
|
|
}
|
|
#custom-notification {
|
|
padding: 0px 5px;
|
|
transition: all .3s ease;
|
|
color:#ffffff;
|
|
}
|
|
#clock{
|
|
padding: 0px 5px;
|
|
color: #ffffff;
|
|
transition: all .3s ease;
|
|
}
|
|
#custom-pacman{
|
|
padding: 0px 10px;
|
|
transition: all .3s ease;
|
|
color:#ffffff;
|
|
|
|
}
|
|
#workspaces {
|
|
padding: 0px 5px;
|
|
}
|
|
#workspaces button {
|
|
all:unset;
|
|
padding: 0px 5px;
|
|
color: #9c1a1a;
|
|
transition: all .2s ease;
|
|
}
|
|
#workspaces button:hover {
|
|
color:#db5e5e;
|
|
border: none;
|
|
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
|
|
transition: all 1s ease;
|
|
}
|
|
#workspaces button.active {
|
|
color: #f7dada;
|
|
border: none;
|
|
text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
|
|
}
|
|
#workspaces button.empty {
|
|
color: #381f1f;
|
|
border: none;
|
|
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .2);
|
|
}
|
|
#workspaces button.empty:hover {
|
|
color: #9c1a1a;
|
|
border: none;
|
|
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, .5);
|
|
transition: all 1s ease;
|
|
}
|
|
#workspaces button.empty.active {
|
|
color: #f79292;
|
|
border: none;
|
|
text-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
|
|
}
|
|
#bluetooth{
|
|
padding: 0px 5px;
|
|
transition: all .3s ease;
|
|
color:#ffffff;
|
|
|
|
}
|
|
#network{
|
|
padding: 0px 5px;
|
|
transition: all .3s ease;
|
|
color:#ffffff;
|
|
|
|
}
|
|
#group-expand{
|
|
padding: 0px 5px;
|
|
transition: all .3s ease;
|
|
}
|
|
#custom-expand{
|
|
padding: 0px 5px;
|
|
color:alpha(#ffffff,.2);
|
|
text-shadow: 0px 0px 2px rgba(0, 0, 0, .7);
|
|
transition: all .3s ease;
|
|
}
|
|
#custom-expand:hover{
|
|
color:rgba(255,255,255,.2);
|
|
text-shadow: 0px 0px 2px rgba(255, 255, 255, .5);
|
|
}
|
|
#custom-os{
|
|
color: #1682c0;
|
|
padding: 0px 0px;
|
|
}
|
|
#cpu,#memory,#temperature{
|
|
padding: 0px 5px;
|
|
transition: all .3s ease;
|
|
color:#ffffff;
|
|
|
|
}
|
|
#custom-endpoint{
|
|
color:transparent;
|
|
text-shadow: 0px 0px 1.5px rgba(0, 0, 0, 1);
|
|
|
|
}
|
|
#tray{
|
|
padding: 0px 5px;
|
|
transition: all .3s ease;
|
|
|
|
}
|
|
#tray menu * {
|
|
padding: 0px 5px;
|
|
transition: all .3s ease;
|
|
}
|
|
|
|
#tray menu separator {
|
|
padding: 0px 5px;
|
|
transition: all .3s ease;
|
|
}
|