133 lines
2.4 KiB
CSS
133 lines
2.4 KiB
CSS
@define-color color-base-bg #323232;
|
|
@define-color color-base-fg #ddd;
|
|
|
|
@define-color color-hover #f268b3;
|
|
@define-color color-selected #1cd180;
|
|
|
|
@define-color color-ok #1cd180;
|
|
@define-color color-warning #f2b768;
|
|
@define-color color-critical #f268b3;
|
|
|
|
* {
|
|
border: none;
|
|
border-radius: 0;
|
|
min-height:0;
|
|
}
|
|
|
|
window#waybar {
|
|
background: @color-base-bg ;
|
|
color: @color-base-fg;
|
|
font-family: "Fira Code Nerd Font";
|
|
font-size: 12px;
|
|
}
|
|
|
|
button,
|
|
button:disabled,label:disabled{
|
|
color:inherit;
|
|
}
|
|
|
|
button:hover{
|
|
background:none;
|
|
box-shadow:inherit;
|
|
box-shadow:inherit;
|
|
text-shadow:inherit;
|
|
text-shadow:inherit;
|
|
border-top:none;
|
|
}
|
|
#workspaces {
|
|
color:#fff;
|
|
}
|
|
#workspaces button {
|
|
margin:0 3px;
|
|
padding:4px 4px;
|
|
color:#9c9c9c;
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
box-shadow:inherit;
|
|
text-shadow:inherit;
|
|
color: @color-hover;
|
|
border-bottom: 1px solid @color-hover;
|
|
}
|
|
|
|
#workspaces button.focused {
|
|
background: @color-selected;
|
|
color: @color-base-bg;
|
|
}
|
|
#workspaces button.visible:not(.focused) {
|
|
color: @color-selected;
|
|
border-color: @color-selected;
|
|
}
|
|
|
|
#clock,
|
|
#cpu,
|
|
#memory,
|
|
#backlight,
|
|
#network,
|
|
#tray,
|
|
#mode,
|
|
#battery,
|
|
#idle_inhibitor {
|
|
padding: 2px 4px;
|
|
margin: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
#mode{
|
|
background:@color-warning;
|
|
color: @color-base-bg;
|
|
font-weight:200;
|
|
font-variant: small-caps;
|
|
font-size: 16px;
|
|
}
|
|
#pulseaudio {}
|
|
#pulseaudio.output.muted {
|
|
color:@color-critical;
|
|
}
|
|
#pulseaudio.input.source-muted {
|
|
color:@color-critical;
|
|
}
|
|
|
|
#battery.discharging {
|
|
color: @color-base-fg;
|
|
border-bottom: none;
|
|
}
|
|
|
|
#battery.charging, #battery.plugged {
|
|
border-bottom: 1px solid @color-ok;
|
|
color: @color-selected;
|
|
}
|
|
|
|
#battery.critical:not(.charging),
|
|
#cpu.critical,
|
|
#memory.critical{
|
|
border-color: @color-critical;
|
|
color: @color-critical;
|
|
}
|
|
|
|
#battery.warning:not(.charging),
|
|
#cpu.warning,
|
|
#memory.warning{
|
|
border-color: @color-warning;
|
|
color: @color-warning;
|
|
}
|
|
|
|
#tray {
|
|
font-family: "DejaVu sans";
|
|
font-size: 12px;
|
|
}
|
|
#custom-screenrecord {
|
|
color: @color-critical;
|
|
border-bottom: 1px solid @color-critical;
|
|
animation-name: critical-animation;
|
|
animation-duration: 2s;
|
|
animation-timing-function: ease-in-out;
|
|
animation-direction: alternate;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
@keyframes critical-animation {
|
|
from {color: @color-critical;}
|
|
to {color: white;}
|
|
}
|