109 lines
1.7 KiB
CSS
109 lines
1.7 KiB
CSS
|
* {
|
||
|
|
/* `otf-font-awesome` and SpaceMono Nerd Font are required to be installed for icons */
|
||
|
|
font-family: "Fira Sans Semibold", FontAwesome, Roboto, Helvetica, Arial, sans-serif;
|
||
|
|
font-size: 15px;
|
||
|
|
transition: background-color .3s ease-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
window#waybar {
|
||
|
|
background: rgba(26, 27, 38, 0);
|
||
|
|
border: none;
|
||
|
|
color: #c0caf5;
|
||
|
|
font-family:
|
||
|
|
SpaceMono Nerd Font,
|
||
|
|
feather;
|
||
|
|
transition: background-color .5s;
|
||
|
|
}
|
||
|
|
|
||
|
|
.modules-left,
|
||
|
|
.modules-center,
|
||
|
|
.modules-right
|
||
|
|
{
|
||
|
|
background: rgba(0, 0, 8, 1);
|
||
|
|
margin: 5px 10px;
|
||
|
|
padding: 0 5px;
|
||
|
|
border-radius: 15px;
|
||
|
|
}
|
||
|
|
.modules-left {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.modules-center {
|
||
|
|
padding: 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#clock,
|
||
|
|
#battery,
|
||
|
|
#cpu,
|
||
|
|
#memory,
|
||
|
|
#disk,
|
||
|
|
#temperature,
|
||
|
|
#backlight,
|
||
|
|
#network,
|
||
|
|
#pulseaudio,
|
||
|
|
#wireplumber,
|
||
|
|
#custom-media,
|
||
|
|
#tray,
|
||
|
|
#mode,
|
||
|
|
#idle_inhibitor,
|
||
|
|
#scratchpad,
|
||
|
|
#power-profiles-daemon,
|
||
|
|
#language,
|
||
|
|
#mpd {
|
||
|
|
padding: 0 10px;
|
||
|
|
border-radius: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#clock:hover,
|
||
|
|
#battery:hover,
|
||
|
|
#cpu:hover,
|
||
|
|
#memory:hover,
|
||
|
|
#disk:hover,
|
||
|
|
#temperature:hover,
|
||
|
|
#backlight:hover,
|
||
|
|
#network:hover,
|
||
|
|
#pulseaudio:hover,
|
||
|
|
#wireplumber:hover,
|
||
|
|
#custom-media:hover,
|
||
|
|
#tray:hover,
|
||
|
|
#mode:hover,
|
||
|
|
#idle_inhibitor:hover,
|
||
|
|
#scratchpad:hover,
|
||
|
|
#power-profiles-daemon:hover,
|
||
|
|
#language:hover,
|
||
|
|
#mpd:hover {
|
||
|
|
background: rgba(26, 27, 38, 0.9);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#workspaces button {
|
||
|
|
background: transparent;
|
||
|
|
font-family:
|
||
|
|
SpaceMono Nerd Font,
|
||
|
|
feather;
|
||
|
|
font-weight: 900;
|
||
|
|
font-size: 13pt;
|
||
|
|
color: #c0caf5;
|
||
|
|
border:none;
|
||
|
|
border-radius: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#workspaces button.active {
|
||
|
|
background: #13131d;
|
||
|
|
}
|
||
|
|
|
||
|
|
#workspaces button:hover {
|
||
|
|
background: #11111b;
|
||
|
|
color: #cdd6f4;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#custom-arch {
|
||
|
|
margin-left: 5px;
|
||
|
|
padding: 0 10px;
|
||
|
|
font-size: 25px;
|
||
|
|
transition: color .5s;
|
||
|
|
}
|
||
|
|
#custom-arch:hover {
|
||
|
|
color: #1793d1;
|
||
|
|
}
|