dotfiles/waybar/style.css

295 lines
5.5 KiB
CSS
Raw Normal View History

2024-05-15 15:02:50 +08:00
* {
border: none;
border-radius: 0px;
2024-07-25 19:26:15 +08:00
font-family: JetBrainsMono Nerd Font;
2024-05-15 15:02:50 +08:00
font-size: 18px;
font-style: normal;
min-height: 0;
}
2024-07-25 19:26:15 +08:00
window > box {
border-radius: 15px;
2024-05-15 15:02:50 +08:00
background: rgba(76,86,106,0.8);
2024-07-25 19:26:15 +08:00
margin-top: 5px;
margin-bottom: 3px;
margin-left: 5px;
margin-right: 5px;
color: #cdd6f4;
box-shadow: 3px 3px lightblue;
}
window#waybar {
background: transparent;
2024-05-15 15:02:50 +08:00
}
#workspaces {
background: #2e3440;
margin: 5px 5px;
padding: 8px 5px;
border-radius: 16px;
border: solid 0px #cdd6f4;
font-weight: normal;
font-style: normal;
}
#workspaces button {
padding: 0px 5px;
margin: 0px 3px;
border-radius: 16px;
color: #d8dee9;
background-color: #6f7787;
transition: all 0.3s ease-in-out;
}
#workspaces button.active {
2024-07-25 19:26:15 +08:00
color: #2e3440;
2024-05-15 15:02:50 +08:00
background-color: #cdd6f4;
border-radius: 16px;
min-width: 50px;
background-size: 400% 400%;
transition: all 0.3s ease-in-out;
}
#workspaces button:hover {
background-color: #cdd6f4;
2024-07-25 19:26:15 +08:00
color: #2e3440;
2024-05-15 15:02:50 +08:00
border-radius: 16px;
min-width: 50px;
background-size: 400% 400%;
}
#battery {
padding: 0px 10px 0px 10px;
margin-left: 5px;
margin-right: 5px;
}
#clock {
padding: 0px 10px 0px 10px;
margin-left: 5px;
margin-right: 5px;
}
#power-profiles-daemon {
padding: 0px 10px 0px 10px;
margin-left: 5px;
margin-right: 5px;
}
#pulseaudio {
padding: 0px 10px 0px 10px;
margin-left: 5px;
margin-right: 5px;
}
#network {
padding: 0px 10px 0px 10px;
margin-left: 5px;
margin-right: 5px;
}
#backlight {
padding: 0px 10px 0px 10px;
margin-left: 5px;
margin-right: 5px;
}
#keyboard-state {
padding: 0px 10px 0px 10px;
margin-left: 5px;
margin-right: 5px;
}
#cpu {
padding: 0px 10px 0px 10px;
margin-left: 5px;
margin-right: 5px;
}
#memory {
padding: 0px 10px 0px 10px;
margin-left: 5px;
margin-right: 5px;
}
#disk {
padding: 0px 10px 0px 10px;
margin-left: 5px;
margin-right: 5px;
}
#cava {
padding: 0px 10px 0px 10px;
margin-left: 5px;
margin-right: 5px;
}
#language {
padding: 0px 10px 0px 10px;
margin-left: 5px;
margin-right: 5px;
}
#windows {
padding: 0px 10px 0px 10px;
margin-left: 5px;
margin-right: 5px;
}
#cava{
background-color: #2e3440;
color: #a3be8c;
border-radius: 16px;
margin: 5px;
margin-left: 5px;
margin-right: 5px;
padding: 0px 10px 0px 10px;
font-weight: bold;
}
#custom-pacmanAlt{
background-color: #2e3440;
color: #a3be8c;
border-radius: 16px;
margin: 5px;
margin-left: 5px;
margin-right: 5px;
padding: 0px 10px 0px 10px;
font-weight: bold;
}
#tray {
background: #2e3440;
margin: 5px 5px 5px 5px;
border-radius: 16px;
padding: 0px 12px;
/*border-right: solid 1px #282738;*/
}
#clock {
color: #cdd6f4;
background-color: #2e3440;
border-radius: 24px 24px 24px 24px;
padding-left: 13px;
padding-right: 15px;
margin-right: 0px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: bold;
/*border-left: solid 1px #282738;*/
}
#network {
color: #cdd6f4;
border-radius: 8px;
margin-right: 5px;
font-weight: bold;
}
#pulseaudio {
color: #5e81ac;
background: #2e3440;
border-radius: 16px;
margin: 5px;
margin-left: 5px;
margin-right: 5px;
padding: 0px 10px 0px 10px;
font-weight: bold;
}
#custom-launcher {
color: #cdd6f4;
background-color: #2e3440;
border-radius: 0px 24px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 0 20px 0 13px;
/*border-right: solid 1px #282738;*/
font-size: 20px;
}
#custom-launcher button:hover {
background-color: #FB4934;
color: transparent;
border-radius: 8px;
margin-right: -5px;
margin-left: 10px;
}
#custom-playerctl {
background: #2e3440;
padding: 0px 5px 0px 10px;
border-radius: 16px;
/*border-left: solid 1px #282738;*/
/*border-right: solid 1px #282738;*/
margin: 5px 7px;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#custom-playerlabel {
background: transparent;
padding-left: 10px;
padding-right: 5px;
border-radius: 16px;
/*border-left: solid 1px #282738;*/
/*border-right: solid 1px #282738;*/
margin-top: 5px;
margin-bottom: 5px;
font-weight: normal;
font-style: normal;
}
#window {
background: #2e3440;
padding-left: 15px;
padding-right: 15px;
border-radius: 16px;
/*border-left: solid 1px #282738;*/
/*border-right: solid 1px #282738;*/
margin-top: 5px;
margin-bottom: 5px;
font-weight: normal;
font-style: normal;
}
#cpu {
background-color: #2e3440;
color: #bf616a;
border-radius: 16px;
margin: 5px;
margin-left: 5px;
margin-right: 5px;
padding: 0px 10px 0px 10px;
font-weight: bold;
}
#memory {
background-color: #2e3440;
color: #b48ead;
border-radius: 16px;
margin: 5px;
margin-left: 5px;
margin-right: 5px;
padding: 0px 10px 0px 10px;
font-weight: bold;
}
#disk {
background-color: #2e3440;
color: #d08770;
border-radius: 16px;
margin: 5px;
margin-left: 5px;
margin-right: 5px;
padding: 0px 10px 0px 10px;
font-weight: bold;
}
#language {
background-color: #2e3440;
color: #a3be8c;
border-radius: 16px;
margin: 5px;
margin-left: 5px;
margin-right: 5px;
padding: 0px 10px 0px 10px;
font-weight: bold;
}