125 lines
1.7 KiB
CSS
125 lines
1.7 KiB
CSS
/* ===== Generic ===== */
|
|
|
|
* {
|
|
border: none;
|
|
font-family: "Ubuntu Nerd Font";
|
|
font-size: 12px;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
/* ===== Waybar ===== */
|
|
|
|
#waybar {
|
|
background: transparent;
|
|
/* background: rgba(54, 137, 230, 0.8); */
|
|
/* border-top: 1px solid rgba(54, 137, 230, 0.8); */
|
|
}
|
|
|
|
#waybar.hidden {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
#waybar #window {
|
|
opacity: 1;
|
|
transition: opacity 200ms ease;
|
|
}
|
|
|
|
#waybar.empty #window {
|
|
opacity: 0;
|
|
}
|
|
|
|
/* ===== Modules ===== */
|
|
|
|
#clock,
|
|
#cpu,
|
|
#disk,
|
|
#memory,
|
|
#mpris,
|
|
#network,
|
|
#window,
|
|
#wireplumber,
|
|
#custom-gpu,
|
|
#custom-updates {
|
|
color: rgba(32, 32, 32, 0.8);
|
|
padding: 4px 8px;
|
|
margin: 2px;
|
|
margin-right: 0;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
#custom-os {
|
|
font-size: 150%;
|
|
color: rgb(137, 220, 235);
|
|
/* background: transparent; */
|
|
}
|
|
|
|
#custom-updates.disabled {
|
|
opacity: 0;
|
|
}
|
|
|
|
/* ===== Taskbar ===== */
|
|
|
|
#taskbar button {
|
|
padding: 0px 5px;
|
|
}
|
|
|
|
#taskbar button:hover {}
|
|
#taskbar button.active {}
|
|
|
|
/* ===== Workspaces ===== */
|
|
|
|
#workspaces button {
|
|
/* color: rgba(38, 41, 44, 0.9); */
|
|
padding: 0px 5px;
|
|
color: white;
|
|
background: transparent;
|
|
text-shadow: none;
|
|
border-radius: 0;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
#workspaces button.empty {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
#workspaces button.active {
|
|
opacity: 1.0;
|
|
}
|
|
|
|
#workspaces button.visible {}
|
|
#workspaces button.urgent {}
|
|
#workspaces button.persistent {}
|
|
#workspaces button.hidden {}
|
|
|
|
|
|
/* ===== Extra colors ===== */
|
|
|
|
#cpu {
|
|
background: rgb(50.15%, 92.07%, 99.48%);
|
|
}
|
|
|
|
#custom-gpu {
|
|
background: rgb(67.06%, 91.37%, 70.2%);
|
|
}
|
|
|
|
#memory {
|
|
background: rgb(100%, 81.7%, 68.38%);
|
|
}
|
|
|
|
#disk {
|
|
background: rgb(100%, 80.74%, 81.04%);
|
|
}
|
|
|
|
#network {
|
|
background: rgb(92.54%, 81.78%, 100%);
|
|
}
|
|
|
|
#wireplumber {
|
|
background: rgb(90%, 90%, 90%);
|
|
}
|
|
|
|
#clock {
|
|
background: rgb(90%, 90%, 90%);
|
|
}
|