019fdfc8bb
The network/wifi indicator duplicated nm-applet, which already sits in the
tray (services.network-manager-applet.enable), so remove it from the bar.
And the power-profile speedometer glyph rendered noticeably smaller than
the neighbouring indicators, so bump its font-size (+3pt generated; 20px
summer-day, 17px summer-night).
Applied to the generated bar (waybar.nix) and both whole-swap themes
(summer-day/night waybar.{jsonc,css}) for parity.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
133 lines
2.6 KiB
CSS
133 lines
2.6 KiB
CSS
@define-color bg_dim #232a2e;
|
|
@define-color bg0 #2d353b;
|
|
@define-color bg1 #343f44;
|
|
@define-color bg2 #3d484d;
|
|
@define-color bg3 #475258;
|
|
@define-color bg4 #4f585e;
|
|
@define-color bg5 #56635f;
|
|
@define-color bg_visual #543a48;
|
|
@define-color bg_red #514045;
|
|
@define-color bg_green #425047;
|
|
@define-color bg_blue #3a515d;
|
|
@define-color bg_yellow #4d4c43;
|
|
@define-color fg #d3c6aa;
|
|
@define-color red #e67e80;
|
|
@define-color orange #e69875;
|
|
@define-color yellow #dbbc7f;
|
|
@define-color green #a7c080;
|
|
@define-color aqua #83c092;
|
|
@define-color blue #7fbbb3;
|
|
@define-color purple #d699b6;
|
|
@define-color grey0 #7a8478;
|
|
@define-color grey1 #859289;
|
|
@define-color grey2 #9da9a0;
|
|
/* margin: top right bottom left */
|
|
/* Spacing outside the element */
|
|
|
|
/* padding: top right bottom left */
|
|
/* Spacing inside the element */
|
|
|
|
* {
|
|
font-family: JetBrainsMono Nerd Font, FontAwesome;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
window#waybar {
|
|
background-color: @fg;
|
|
color: @bg0;
|
|
transition-property: background-color;
|
|
transition-duration: 0.5s;
|
|
border-radius: 0px 0px 15px 15px;
|
|
transition-duration: .5s;
|
|
|
|
border-bottom-width: 5px;
|
|
border-bottom-color: #7d6a40;
|
|
border-bottom-style: solid;
|
|
}
|
|
|
|
#backlight,
|
|
#tray,
|
|
#custom-nomarchy,
|
|
#clock,
|
|
#clock.date,
|
|
#workspaces,
|
|
#pulseaudio,
|
|
#custom-powerprofile,
|
|
#idle_inhibitor,
|
|
#battery,
|
|
#custom-notification,
|
|
#custom-powermenu {
|
|
background-color: @bg0;
|
|
color: @fg;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
margin-top: 7px;
|
|
margin-bottom: 12px;
|
|
border-radius: 10px;
|
|
border-bottom-width: 5px;
|
|
border-bottom-color: #161a1d;
|
|
border-bottom-style: solid;
|
|
}
|
|
|
|
#tray > .active {
|
|
color: @fg;
|
|
}
|
|
|
|
/* The power-profile speedometer glyph renders small in its em box. */
|
|
#custom-powerprofile {
|
|
font-size: 17px;
|
|
}
|
|
|
|
#tray > .needs-attention {
|
|
color: @green;
|
|
}
|
|
|
|
#workspaces {
|
|
padding: 0px;
|
|
}
|
|
|
|
#workspaces button.active {
|
|
background-color: @blue;
|
|
color: @bg0;
|
|
border-radius: 10px;
|
|
margin-bottom: -5px;
|
|
border-bottom-width: 5px;
|
|
border-bottom-color: #366660;
|
|
border-bottom-style: solid;
|
|
}
|
|
|
|
#custom-nomarchy {
|
|
background-color: @green;
|
|
color: @bg0;
|
|
border-bottom-color: #556a35;
|
|
|
|
margin-left: 15px;
|
|
padding-left: 20px;
|
|
padding-right: 21px;
|
|
/* The Nomarchy mark lives at U+F000 in the dedicated "Nomarchy" font;
|
|
pin the family or the Nerd Font's glass icon at U+F000 wins. */
|
|
font-family: Nomarchy;
|
|
font-size: 20px;
|
|
}
|
|
|
|
#custom-powermenu {
|
|
background-color: @red;
|
|
color: @bg0;
|
|
border-bottom-color: #951c1f;
|
|
|
|
margin-right: 15px;
|
|
padding-left: 20px;
|
|
padding-right: 23px;
|
|
}
|
|
|
|
#battery.charging {
|
|
color: @green;
|
|
}
|
|
|
|
#idle_inhibitor {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
font-size: 20px;
|
|
}
|