dotfiles/.config/waybar/style.css

80 lines
1.3 KiB
CSS
Raw Normal View History

@import "colors.css";
/* margin: top right bottom left */
/* Spacing outside the element */
/* padding: top right bottom left */
/* Spacing inside the element */
* {
font-family: JetBrainsMono Nerd Font, FontAwesome;
font-size: 16px;
font-weight: bold;
}
window#waybar {
background-color: @fg;
color: @bg0;
transition-property: background-color;
transition-duration: 0.5s;
border-radius: 0px 0px 15px 15px;
transition-duration: .5s;
border-bottom-width: 5px;
border-bottom-color: #2e3538;
border-bottom-style: solid;
}
#custom-launcher,
#clock,
#clock-date,
#workspaces,
#battery,
2023-05-16 04:18:03 +01:00
#pulseaudio,
#network {
background-color: @bg0;
color: @fg;
padding-left: 10px;
padding-right: 10px;
margin-top: 7px;
margin-bottom: 12px;
2023-05-16 04:18:03 +01:00
border-radius: 10px;
border-bottom-width: 5px;
border-bottom-color: @bg5;
border-bottom-style: solid;
}
2023-05-16 04:18:03 +01:00
#battery {
margin-right: 15px;
}
#workspaces {
padding: 0px;
}
#workspaces button.active {
background-color: @blue;
color: @bg0;
border-radius: 10px;
margin-bottom: -5px;
border-bottom-width: 5px;
border-bottom-color: #1c4a62;
border-bottom-style: solid;
}
#custom-launcher {
background-color: @green;
color: @bg0;
border-bottom-color: #465000;
margin-left: 15px;
padding-left: 20px;
padding-right: 21px;
}