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;
|
|
|
|
}
|