feat(waybar): rework theme and configuration
This commit is contained in:
parent
cc2a158732
commit
8e5ac13e94
GPG key ID:
246042E52B41FFCF
2 changed files with 135 additions and 125 deletions
|
|
@ -0,0 +1,119 @@
|
||||||
|
@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;
|
||||||
|
}
|
||||||
|
|
@ -48,7 +48,8 @@ in
|
||||||
]
|
]
|
||||||
) ++
|
) ++
|
||||||
[
|
[
|
||||||
"pulseaudio"
|
"pulseaudio#input"
|
||||||
|
"pulseaudio#output"
|
||||||
"custom/sep"
|
"custom/sep"
|
||||||
"clock"
|
"clock"
|
||||||
"custom/sep"
|
"custom/sep"
|
||||||
|
|
@ -88,26 +89,30 @@ in
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
"network" = {
|
"network" = {
|
||||||
"format-alt" = "{ifname}: {ipaddr}/{cidr}";
|
"format-alt" = "{ifname}: {ipaddr}/{cidr} ";
|
||||||
"format-disconnected" = "Disconnected ⚠ ";
|
"format-disconnected" = "Disconnected ⚠ ";
|
||||||
"format-ethernet" = "{ifname}: {ipaddr}/{cidr} ";
|
"format-ethernet" = "{ifname} ";
|
||||||
"format-linked" = "{ifname} (No IP) ";
|
"format-linked" = "{ifname} (No IP) ";
|
||||||
"format-wifi" = "{essid} ({signalStrength}%) ";
|
"format-wifi" = "{essid} ({signalStrength}%) ";
|
||||||
"tooltip" = false;
|
"tooltip" = false;
|
||||||
};
|
};
|
||||||
"pulseaudio" = {
|
"pulseaudio#output" = {
|
||||||
"format" = "{format_source} {volume}% {icon} ";
|
"format" = "{volume}% {icon} ";
|
||||||
"format-bluetooth" = "{volume}% {icon}";
|
"format-bluetooth" = "{volume}% {icon}";
|
||||||
"format-icons" = {
|
"format-icons" = {
|
||||||
"car" = "";
|
"car" = "";
|
||||||
"default" = "";
|
"default" = "";
|
||||||
"hands-free" = "";
|
"hands-free" = "";
|
||||||
"headphone" = "";
|
"headphone" = "";
|
||||||
"headset" = "";
|
"headset" = "";
|
||||||
"phone" = "";
|
"phone" = "";
|
||||||
"portable" = "";
|
"portable" = "";
|
||||||
};
|
};
|
||||||
"format-muted" = "{format_source} ";
|
"format-muted" = " ";
|
||||||
|
"tooltip" = false;
|
||||||
|
};
|
||||||
|
"pulseaudio#input" = {
|
||||||
|
"format" = "{format_source} ";
|
||||||
"format-source" = "{volume}% ";
|
"format-source" = "{volume}% ";
|
||||||
"format-source-muted" = " ";
|
"format-source-muted" = " ";
|
||||||
"tooltip" = false;
|
"tooltip" = false;
|
||||||
|
|
@ -170,121 +175,7 @@ in
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
style = ''
|
style = builtins.readFile ./files/waybar-style.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;
|
|
||||||
font-weight:bold;
|
|
||||||
}
|
|
||||||
#pulseaudio {}
|
|
||||||
#pulseaudio.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;
|
|
||||||
}
|
|
||||||
'';
|
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue