151 lines
2.6 KiB
CSS
151 lines
2.6 KiB
CSS
@import "../../.cache/wal/colors-waybar.css";
|
|
|
|
* {
|
|
border: none;
|
|
margin: 0;
|
|
color: @foreground;
|
|
font-family: "BlexMono Nerd Font Mono";
|
|
text-shadow: 0 0 2px @background;
|
|
}
|
|
|
|
window {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.modules-right,
|
|
.modules-center,
|
|
.modules-left {
|
|
padding: 0;
|
|
margin: 8px;
|
|
margin-bottom: 0;
|
|
border-radius: 8px;
|
|
}
|
|
.modules-left {
|
|
font-size: 18px;
|
|
}
|
|
.modules-center {
|
|
}
|
|
.modules-right {
|
|
font-size: 18px;
|
|
}
|
|
|
|
#workspaces button {
|
|
padding: 0 8px;
|
|
margin-right: 8px;
|
|
font-size: 30px;
|
|
letter-spacing: 8px;
|
|
/*background-color: alpha(@background, 1.0);*/
|
|
border-radius: 8px;
|
|
background-color: @color6;
|
|
color: alpha(@foreground, 1);
|
|
}
|
|
|
|
#workspaces button.focused,
|
|
#workspaces button.active {
|
|
background-color: alpha(@color4, 0.8);
|
|
color: @foreground;
|
|
}
|
|
|
|
#clock,
|
|
#battery,
|
|
#cpu,
|
|
#memory,
|
|
#temperature,
|
|
#backlight,
|
|
#network,
|
|
#pulseaudio,
|
|
#custom-media,
|
|
#tray,
|
|
#mode,
|
|
#mpd,
|
|
#disk,
|
|
#idle_inhibitor,
|
|
#custom-gpu,
|
|
#custom-transmission,
|
|
#custom-recording,
|
|
#network,
|
|
#wireplumber {
|
|
padding: 0 8px;
|
|
color: @foreground;
|
|
}
|
|
|
|
#cpu {
|
|
background: @color2;
|
|
border-radius: 8px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
#disk {
|
|
border-radius: 8px;
|
|
margin-right: 8px;
|
|
background: @color3;
|
|
}
|
|
|
|
#custom-recording {
|
|
color: red;
|
|
}
|
|
#custom-transmission {
|
|
color: #fee;
|
|
}
|
|
#idle_inhibitor {
|
|
font-size: 32px;
|
|
}
|
|
|
|
#clock {
|
|
font-size: 20px;
|
|
}
|
|
|
|
#tray {
|
|
padding: 0 8px;
|
|
}
|
|
|
|
#tray > * {
|
|
padding: 0;
|
|
-gtk-icon-shadow: 0px 0px 2px @foreground;
|
|
}
|
|
|
|
.modules-left #disk.nocturnal {
|
|
border-top-right-radius: 8px;
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
#workspaces button:first-child {
|
|
border-top-left-radius: 8px;
|
|
border-bottom-left-radius: 8px;
|
|
}
|
|
|
|
.modules-right > * > *,
|
|
.modules-left > * > *,
|
|
.modules-center > * > * > * {
|
|
border-radius: 8px;
|
|
margin-left: 8px;
|
|
border: 1px solid @foreground;
|
|
}
|
|
|
|
.modules-right > *:nth-child(1) > * {
|
|
background-color: alpha(@color1, 1);
|
|
}
|
|
.modules-right > *:nth-child(2) > * {
|
|
background-color: alpha(@color2, 1);
|
|
}
|
|
.modules-right > *:nth-child(3) > * {
|
|
background-color: alpha(@color3, 1);
|
|
}
|
|
.modules-right > *:nth-child(4) > * {
|
|
background-color: alpha(@color4, 1);
|
|
}
|
|
.modules-right > *:nth-child(5) > * {
|
|
background-color: alpha(@color5, 1);
|
|
}
|
|
.modules-right > *:nth-child(6) > * {
|
|
background-color: alpha(@color6, 1);
|
|
}
|
|
.modules-right > *:nth-child(7) > * {
|
|
background-color: alpha(@color7, 1);
|
|
}
|
|
.modules-right > *:nth-child(8) > * {
|
|
background-color: alpha(@color7, 1);
|
|
}
|
|
.modules-right > *:nth-child(9) > * {
|
|
background-color: alpha(@color7, 1);
|
|
}
|