1
1
mirror of https://github.com/nboughton/dotfiles synced 2025-02-21 06:51:05 +01:00
github.com-nboughton-dotfiles/waybar/style.css
2020-12-17 22:10:36 +00:00

138 lines
2.1 KiB
CSS

* {
font-size: 11px;
font-family: "Roboto", "Font Awesome 5 Free";
}
window#waybar {
color: #d8dee9;
/*background: rgba(76,86,106,0.7);*/
background: none;
border-radius: 4px;
}
#custom-updates {
font-family: "Symbols Nerd Font";
}
/* Base styling for modules */
#workspaces,
#mode,
#window,
#idle_inhibitor,
#custom-weather,
#pulseaudio,
#memory,
#cpu,
#clock,
#battery,
#backlight,
#disk,
#custom-updates,
#custom-auroch,
#custom-swap,
#custom-spotify,
#custom-separator,
#custom-shutdown,
#custom-reboot,
#taskbar,
#tray {
padding: 0px 7px 0px 7px;
text-shadow: 1px 1px 1px #2e3440;
border-radius: 4px;
}
/* Separator */
#custom-separator {
color: #d8dee9;
background: none;
padding: 0px;
opacity: 0;
}
/* TOP BAR (left)*/
#workspaces {
padding: 0px;
}
#workspaces button {
padding: 0px 5px 0px 5px;
}
#workspaces button.focused {
border-radius: 4px;
/*background: rgba(180, 142, 173, 0.7);*/
background: rgba(94,129,172,0.7);
}
#idle_inhibitor {
margin: 0px;
}
#mode {
background: rgba(191, 97, 106, 0.7);
}
/* TOP BAR (right/center) */
#disk.1,
#memory {
padding-right: 3px;
}
#disk.2,
#custom-swap {
padding-left: 3px;
}
#clock {
background: rgba(94,129,172,0.7);
}
#custom-updates.checking,
#custom-auroch.checking {
background: rgba(235,203,139,0.7);
}
#custom-updates.no-updates,
#custom-auroch.no-updates {
background: rgba(163, 190, 140, 0.7);
}
#custom-updates.updates,
#custom-auroch.updates {
background: rgba(180, 142, 173, 0.7);
}
#custom-updates.error,
#custom-auroch.error {
background: rgba(191, 97, 106, 0.7);
}
#custom-updates {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
#custom-auroch {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
/* BOTTOM BAR (left to right)*/
#custom-weather {
padding-top: 5px;
padding-bottom: 5px;
}
#taskbar {
padding-left: 0px;
}
#taskbar button {
border-radius: 4px;
padding-right: 3px;
padding-top: 0px;
padding-bottom: 0px;
text-shadow: 1px 1px 1px #2e3440;
}
#taskbar button.active {
/*background: rgba(180, 142, 173, 0.7);*/
background: rgba(94,129,172,0.7);
}
/*
#custom-spotify {
background: rgba(94,129,172,0.7);
}
*/