131 lines
2.2 KiB
CSS
131 lines
2.2 KiB
CSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
window#waybar {
|
|
color: #c0caf5;
|
|
background: alpha(#24283b, .85);
|
|
border-radius: 24px;
|
|
font-family: "JetBrainsMono Nerd Font";
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.modules-left { margin-left: 4px; }
|
|
.modules-right { margin-right: 4px; }
|
|
|
|
#workspaces,
|
|
#player,
|
|
#clock,
|
|
#tray,
|
|
#language,
|
|
#cpu,
|
|
#memory,
|
|
#system-indicators {
|
|
background-color: #414868;
|
|
border-radius: 16px;
|
|
padding: 0 12px;
|
|
margin: 3px 0;
|
|
}
|
|
|
|
#workspaces button {
|
|
all: unset;
|
|
min-width: 12px;
|
|
margin: 10px 6px;
|
|
border-radius: 999px;
|
|
background-color: #c0caf5;
|
|
transition: all .2s ease;
|
|
}
|
|
|
|
#workspaces button label { font-size: 0; }
|
|
|
|
#workspaces button.active {
|
|
min-width: 36px;
|
|
background-color: #7C86FF;
|
|
}
|
|
|
|
#workspaces button.empty {
|
|
color: #565f89;
|
|
background-color: #565f89;
|
|
}
|
|
|
|
tooltip {
|
|
font-size: 16px;
|
|
background-color: #414868;
|
|
color: @text;
|
|
border: 3px solid #565f89;
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
tooltip * {
|
|
outline: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
|
|
tooltip label { margin: 12px; }
|
|
|
|
#custom-player-icon {
|
|
color: #7C86FF;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
#mpris { margin-right: 16px; }
|
|
|
|
#custom-player-play-pause {
|
|
margin: 2px 8px;
|
|
padding: 0 9px;
|
|
color: #24283b;
|
|
background-color: #7C86FF;
|
|
border-radius: 999px;
|
|
transition: all .1s ease;
|
|
}
|
|
|
|
#custom-player-play-pause:hover { background-color: #c0caf5; }
|
|
#custom-player-prev:hover { color: #7aa2f7; }
|
|
#custom-player-next:hover { color: #7aa2f7; }
|
|
|
|
#clock { padding: 5px 12px; }
|
|
|
|
#network {
|
|
margin: 3px 3px 3px 0;
|
|
min-width: 16px;
|
|
border-radius: 16px;
|
|
padding-left: 4px;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
#network.disabled { color: #565f89; }
|
|
#network.disconnected { color: #f7768e; }
|
|
#network.linked { color: #c0caf5; }
|
|
#network.wifi,
|
|
#network.ethernet { color: #7C86FF; }
|
|
|
|
#wireplumber {
|
|
min-width: 16px;
|
|
margin: 3px 0;
|
|
border-radius: 16px;
|
|
padding: 0 6px 0 3px;
|
|
}
|
|
|
|
#custom-power-menu {
|
|
min-width: 32px;
|
|
margin: 3px 0;
|
|
padding-left: 7px;
|
|
border-radius: 16px;
|
|
background-color: #414868;
|
|
color: #7C86FF;
|
|
}
|
|
|
|
#network:hover,
|
|
#wireplumber:hover,
|
|
#language:hover,
|
|
#cpu:hover,
|
|
#memory:hover,
|
|
#clock:hover,
|
|
#custom-power-menu:hover{
|
|
background-color: #565f89;
|
|
}
|