Snippets

Kevin Klement Waybar stylesheet 2022/03/07

Created by Kevin Klement
* {
    border: none;
    border-radius: 0;
    font-family: "Fira Sans", "Symbols Nerd Font", sans-serif;
    font-size: 16px;
    min-height: 0;
    margin: 1px;
}

window#waybar {
    background: rgba(19, 21, 24, 0.6);
    color: #c1c6ca;
}

tooltip {
  background: rgba(19, 21, 24, 0.6);
  border: 1px solid rgba(222, 227, 232, 0.7);
}

tooltip label {
  color: #c1c6ca;
}

#tags {
    border: 3px ridge #303236;
    background: #131518;
}

#tags button {
    padding-right: 5px;
    padding-left: 5px;
}

#tags button label {
    color: #4d5053;
}

#tags button:hover {
    background: #8f5ac9;
    border: none;
}

#tags button:hover label {
    color: #131518;
    border: none;
}

#tags button.occupied {
    background: #303236;
}

#tags button.occupied label {
    color: #dee3e8;
}

#tags button.occupied:hover {
    background: #8f5ac9;
}

#tags button.occupied:hover label {
    color: #dee3e8;
}

#tags button.focused {
    background: #87afdf;
}

#tags button.focused label {
    color: #131518;
}

#tags button.focused.occupied {
    background: #87afdf;

}
#tags button.focused.occupied label {
    color: #dee3e8;
}

#tags button.urgent {
    background: #df8787;
}

#tags button.urgent label {
    color: #dee3e8;
}

#cpu {
    background: #131518;
    border: 3px ridge #303236;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 8px;
}

#memory {
    background: #131518;
    border: 3px ridge #303236;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 8px;
}

#disk {
    background: #131518;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 8px;
    border: 3px ridge #303236;
}

#cpu.warning,
#memory.warning,
#disk.warning
{
    background: #dfafdf;
    color: #131518;
}

#cpu.critical,
#memory.critical,
#disk.critical {
    background: #ff2020;
    color: #dee3e8;
}

#network {
    border: 3px ridge #303236;
    background: #131518;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 8px;
}


#clock {
    background: #131518;
    border: 3px ridge #303236;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 8px;
}

#mpd {
    border: 3px ridge #303236;
    padding-right: 5px;
    margin-right: 8px;
    padding-left: 5px;
    background: #131518;
}

#pulseaudio {
    padding-left: 5px;
    padding-right: 5px;
    background: #131518;
    margin-right: 8px;
    border: 3px ridge #303236;
}

#custom-bandwidth {
    background: #131518;
    border: 3px ridge #303236;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 8px;
}

#custom-updatestatus {
    background: #131518;
    padding-left: 5px;
    padding-right: 5px;
    border: 3px ridge #303236;
    margin-right: 8px;
}

#custom-updatestatus.ok {
    color: #afdf87;
}

#custom-updatestatus.error {
    color: #df8787;
}

#custom-updatestatus.postponed {
    color: #9f78e1;
}

#custom-clipboard {
    font-size: 150%;
    margin-right: 4px;
}

#custom-exit {
    font-size: 140%;
    color: #df8787;
    margin-right: 8px;
}

#custom-musicbrowse {
    font-size: 140%;
    color: #afdf87;
}

#custom-menu {
    font-size: 140%;
    color: #87afdf;
    background: #131518;
    padding-left: 4px;
    padding-right: 4px;
}

Comments (0)

HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.