129 lines
2.1 KiB
CSS
129 lines
2.1 KiB
CSS
@import url("file:///home/viyurz/.config/gtk-3.0/colors-gtk.css");
|
|
|
|
* {
|
|
font-family: 'JetBrainsMono Nerd Font';
|
|
font-size: 13px;
|
|
}
|
|
|
|
#waybar {
|
|
background-image: linear-gradient(160deg, @background1, @background2), linear-gradient(160deg, @accent1, @accent2);
|
|
background-clip: padding-box, border-box;
|
|
background-origin: border-box;
|
|
border-bottom: 2px solid transparent;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.modules-left, .modules-center, .modules-right {
|
|
margin-bottom: 2px;
|
|
color: @foreground;
|
|
}
|
|
|
|
#workspaces button {
|
|
box-shadow: none;
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
background-color: @hovered;
|
|
}
|
|
|
|
#workspaces button.active {
|
|
background-color: @selected;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
background-color: @urgent;
|
|
}
|
|
|
|
#tray > .passive {
|
|
-gtk-icon-effect: dim;
|
|
}
|
|
|
|
#tray > .needs-attention {
|
|
-gtk-icon-effect: highlight;
|
|
background-color: @urgent;
|
|
}
|
|
|
|
#button,
|
|
#tray,
|
|
#network,
|
|
#bluetooth,
|
|
#pulseaudio,
|
|
#custom-media,
|
|
#window,
|
|
#backlight,
|
|
#battery,
|
|
#custom-gpu-temp,
|
|
#custom-gpu-usage,
|
|
#memory,
|
|
#custom-cpu-temp,
|
|
#cpu,
|
|
#clock {
|
|
padding: 2px 8px;
|
|
}
|
|
|
|
/*
|
|
.modules-left {
|
|
color: @accent1;
|
|
}
|
|
|
|
.modules-right {
|
|
color: @accent2;
|
|
}
|
|
*/
|
|
|
|
#pulseaudio,
|
|
#backlight,
|
|
#custom-gpu-temp,
|
|
#custom-gpu-usage,
|
|
#custom-cpu-temp,
|
|
#cpu {
|
|
color: @accent1;
|
|
}
|
|
|
|
#network,
|
|
#bluetooth,
|
|
#mpris,
|
|
#battery,
|
|
#memory,
|
|
#clock {
|
|
color: @accent2;
|
|
}
|
|
|
|
#pulseaudio.output.muted,
|
|
#pulseaudio.input.source-muted {
|
|
color: @disabled;
|
|
}
|
|
|
|
#network.disabled, #network.disconnected,
|
|
#bluetooth.disabled, #bluetooth.off {
|
|
color: @disabled2;
|
|
}
|
|
|
|
#battery.charging {
|
|
background-color: alpha(@good, 0.33);
|
|
}
|
|
|
|
#battery.30:not(.charging),
|
|
#custom-temp-gpu.high,
|
|
#custom-temp-cpu.high {
|
|
background-color: alpha(@bad, 0.33);
|
|
}
|
|
|
|
#battery.20:not(.charging),
|
|
#battery.10:not(.charging),
|
|
#custom-temp-gpu.alert,
|
|
#custom-temp-cpu.alert {
|
|
background-color: alpha(@bad, 0.5);
|
|
animation-name: blink;
|
|
animation-duration: 1.5s;
|
|
animation-timing-function: steps(2, start);
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
@keyframes blink {
|
|
to {
|
|
background-color: transparent;
|
|
}
|
|
}
|