github.com-nboughton-dotfiles/waybar/style.css

@import "/home/nick/.cache/wal/colors-waybar.css";

/* Colorz/haishoku generally work well
@define-color text    @foreground;
@define-color warn    @color5;
@define-color crit    @color4;
@define-color accent  @color6;
@define-color hilight @color6;
*/

/* Tempus
@define-color text    @foreground;
@define-color warn    @color3;
@define-color crit    @color1;
@define-color accent  @color4;
@define-color hilight @color5;
*/

/* Nord
@define-color text    @foreground;
@define-color warn    @color6;
@define-color crit    @color2;
@define-color accent  @color4;
@define-color hilight @color1;
*/

/* Gruvbox */
@define-color text    @foreground;
@define-color good    @color6;
@define-color warn    @color3;
@define-color crit    @color1;
@define-color accent  @color6;
@define-color hilight @color6;

/* Sexy
@define-color text    @foreground;
@define-color warn    @color2;
@define-color crit    @color1;
@define-color accent  @color4;
@define-color hilight @color6;
*/

* {
	font-size: 12px;
	font-family: "Source Code Pro Medium", "Font Awesome 5 Free";
	font-weight: bold;
}

window#waybar {
	color: @text;
	text-shadow: 1px 1px 1px black;
	background: @background;
	border-radius: 4px;
}

window#waybar.top {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

window#waybar.bottom {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* Base styling for modules */
#workspaces,
#mode,
#idle_inhibitor,
#pulseaudio,
#memory,
#cpu,
#clock,
#battery,
#backlight,
#disk,
#taskbar,
#custom-weather,
#custom-updates,
#custom-auroch,
#custom-swap,
#custom-separator,
#custom-powermenu,
#custom-covid,
#custom-gputemp,
#custom-gpuuse,
#custom-cputemp,
#tray {
	padding: 2px 10px 0px 10px;
}

#custom-separator {
	color: @color8;
	padding-left: 10px;
	padding-right: 10px;
}

#workspaces {
	padding: 0px;
}
#workspaces button {
	color: @text;
	margin: 0;
	padding: 3px 15px 0px 15px;
	border-radius: 0px;
}
#workspaces button.focused {
	color: @hilight;
}

#mode {
	color: @warn;
}

#custom-auroch {
	padding-left: 5px;
}

#battery.good,
#custom-covid.DOWN,
#cpu.good,
#custom-updates.no-updates,
#custom-auroch.no-updates,
#custom-cputemp.normal,
#custom-gputemp.normal,
#custom-gpuuse.normal,
#disk.1.good,
#disk.2.good,
#memory.good {
	color: @good;
}

#battery.warning,
#custom-covid.UP,
#cpu.warning,
#custom-updates.checking,
#custom-auroch.checking,
#custom-gputemp.warning,
#custom-gpuuse.warning,
#custom-cputemp.warning,
#disk.1.warning,
#disk.2.warning,
#memory.warning {
	background: @background;
	color: @warn;
}

#battery.critical,
#cpu.critical,
#custom-auroch.error,
#custom-updates.error,
#custom-gputemp.critical,
#custom-gpuuse.critical,
#custom-cputemp.critical,
#disk.1.critical,
#disk.2.critical,
#memory.critical {
	background: @background;
	color: @crit;
}

/*
#custom-auroch.no-updates,
#custom-covid.DOWN,
#custom-updates.no-updates {
	color: @text;
}
*/
#custom-updates.updates,
#custom-auroch.updates {
	color: @hilight;
}

#custom-powermenu {
	color: @crit;
	padding-top: 1px;
	margin-right: 3px;
}
#clock {
	margin-left: 3px;
}

#taskbar {
	padding-left: 0;
}
#taskbar button {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#taskbar button.active {
	color: @accent;
}

/* Pad the tray so the bottom bar doesn't change size when no windows are open */
#tray {
	padding-top: 7px;
	padding-bottom: 7px;
}