Rework Waybar configuration
This commit is contained in:
parent
8fcd60dc0c
commit
560aee3218
2 changed files with 79 additions and 48 deletions
|
@ -1,14 +1,21 @@
|
|||
|
||||
@define-color color-base-bg #323232;
|
||||
@define-color color-base-fg #ddd;
|
||||
|
||||
@define-color electric-magenta #f268b3;
|
||||
@define-color electric-green #1cd180;
|
||||
|
||||
* {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
font-family: "Fira Code Nerd Font";
|
||||
font-size: 14px;
|
||||
min-height:0;
|
||||
}
|
||||
|
||||
window#waybar {
|
||||
background:#323232 ;
|
||||
color:#ddd;
|
||||
background: @color-base-bg ;
|
||||
color: @color-base-fg;
|
||||
font-family: "Fira Code Nerd Font";
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
button,
|
||||
|
@ -26,12 +33,10 @@ button:hover{
|
|||
}
|
||||
#workspaces {
|
||||
color:#fff;
|
||||
|
||||
}
|
||||
#workspaces button {
|
||||
margin:0 3px;
|
||||
padding:4px 4px;
|
||||
background:#323232 ;
|
||||
color:#9c9c9c;
|
||||
border-bottom: 1px solid transparent;
|
||||
}
|
||||
|
@ -39,14 +44,18 @@ button:hover{
|
|||
#workspaces button:hover {
|
||||
box-shadow:inherit;
|
||||
text-shadow:inherit;
|
||||
color:#f268b3;
|
||||
border-bottom: 1px solid #f268b3;
|
||||
color: @electric-magenta;
|
||||
border-bottom: 1px solid @electric-magenta;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
background:#1cd180 ;
|
||||
color:#000;
|
||||
}
|
||||
#workspaces button.visible:not(.focused) {
|
||||
color: @electric-green;
|
||||
border-color: @electric-green;
|
||||
}
|
||||
|
||||
#clock,
|
||||
#cpu,
|
||||
|
@ -66,20 +75,27 @@ button:hover{
|
|||
background:red;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#pulseaudio {}
|
||||
#pulseaudio.muted {}
|
||||
#pulseaudio.muted {
|
||||
color:#f268b3;
|
||||
}
|
||||
|
||||
#battery {
|
||||
border-bottom:1px solid transparent;
|
||||
#battery.discharging {
|
||||
color: @color-base-fg;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#battery.charging, #battery.plugged {
|
||||
border-color:#1cd180;
|
||||
color:#1cd180;
|
||||
border-bottom: 1px solid @electric-green;
|
||||
color: @electric-green;
|
||||
}
|
||||
|
||||
#battery.critical:not(.charging) {
|
||||
border-color:#f268b3;
|
||||
color:#f268b3;
|
||||
border-color: @electric-magenta;
|
||||
color: @electric-magenta;
|
||||
}
|
||||
|
||||
#tray {
|
||||
font-family: "DejaVu Sans";
|
||||
font-size: 12px;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue