nixos-configs/waybar/style.css

130 lines
2.6 KiB
CSS
Raw Normal View History

2023-05-28 19:23:05 -04:00
* {
border: none;
/*font-family: 'SF Mono', Consolas, 'Font Awesome 5 Free Solid', Roboto;*/
font-family: Product Sans;
2023-05-28 19:23:05 -04:00
font-size: 18px
}
window#waybar {
/* background-color: rgba(18, 21, 29, 0.98); */
/*background-color: rgba(49, 50, 68, 0.8);*/
background-color: rgba(0, 0, 0, 0);
border-bottom: 0px solid #181825;
border-radius: 80px;
color: #CBA6F7;
transition-property: background-color;
transition-duration: .5s;
}
window#waybar.hidden {
opacity: 0.5;
}
#workspaces,
#cpu,
#memory,
#pulseaudio,
#clock,
#backlight,
#battery,
#tray,
#network {
background-color: rgba(69, 71, 90, 0.3);
padding: 2 16;
/*color: #CDD6F4;*/
color: #CBA6F7;
border-color: #11111B;
margin: 0px 2px 0px 2px;
border: 6px solid rgba(0, 0, 0, 0);
border-radius: 80px;
background-clip: padding-box;
}
2023-05-28 19:23:05 -04:00
#workspaces button {
padding: 0 5px;
color: #7984A4;
background-color: transparent;
box-shadow: inset 0 -3px transparent;
border: none;
2023-05-28 19:23:05 -04:00
min-width: 25px;
border-radius: 80px;
2023-05-28 19:23:05 -04:00
}
2023-05-28 19:23:05 -04:00
#workspaces button.focused {
color: #bf616a;
}
#workspaces button.active {
2023-05-28 19:23:05 -04:00
background-color: #616578;
color: #CBA6F7;
font-weight: bolder;
}
2023-05-28 19:23:05 -04:00
#workspaces button.urgent {
background-color: #F80000;
2023-05-28 19:23:05 -04:00
}
2023-05-28 19:23:05 -04:00
#backlight {
color: #F9E2AF;
}
#battery {
color: #A6E3A1;
}
#battery.charging, #battery.plugged {
background-color: #98c379;
color: #1e222a;
}
@keyframes blink {
to {
background-color: #1e222a;
color: #e06c75;
}
}
#battery.critical:not(.charging) {
background-color: #F38BA8;
color: #1e222a;
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
#network.disconnected {
background-color: #F38BA8;
color: #1e222a;
}
#custom-osk {
font-size: 26px;
background-color: rgba(69, 71, 90, 0.3);
padding: 0 6px 0 0;
border-color: #11111B;
margin: 0px 0px 0px 0px;
border: 6px solid rgba(0, 0, 0, 0);
border-radius: 80px;
background-clip: padding-box;
}
#custom-tablet {
font-size: 26px;
background-color: rgba(69, 71, 90, 0.3);
padding: 0 8px 0 0;
border-color: #11111B;
margin: 0px 0px 0px 0px;
border: 6px solid rgba(0, 0, 0, 0);
border-radius: 80px;
background-clip: padding-box;
}
#custom-quicksettings {
font-size: 26px;
background-color: rgba(0, 0, 0, 0);
padding: 0 8px 0 0;
}