dotfiles/sericea/.config/waybar/style.css

/*
 * style.css
 * Copyright (C) 2021 Vintage Salt
 *
 * Distributed under terms of the MIT license.
 */

* {
	border: none;
	border-radius: 0;
	font-family: "IBM Plex Sans", "Font Awesome 6 Free", sans-serif;
	font-size: 13px;
}

window#waybar {
	background: #282828;
	/* border-bottom: 4px solid #32302f; */
}

/* swaywm stuff */
#workspaces {
}
#workspaces button {
	background: transparent;
	color: #a89984;
	padding: 0 0.9em;
}
#workspaces button:hover {
	box-shadow: inherit;
	text-shadow: inherit;
	background-color: #504945;
}
#workspaces button.focused {
	color: #ebdbb2;
	font-weight: bold;
}
#workspaces button.urgent {
	color: #fabd2f;
	font-weight: bold;
}
#workspaces button.persistent {
	color: #504945;
}
#mode {
	background: #fb4934;
	color: #ebdbb2;
	padding: 0 1em;
}

/* widgets */
#window {
	color: #ebdbb2;
}
#pulseaudio {
	padding: 0 1em;
	color: #ebdbb2;
}
#pulseaudio.muted {
	border-top: 4px solid #fb4934;
	border-bottom: 4px solid #282828;
}
#tray {
	padding: 0 1em;
}
#mpris {
	padding: 0 1em;
}
#mpris.playing {
	color: #d3869b;
}
#mpris.paused, #mpris.stopped {
	color: #504945;
}

#network {
	padding: 0 1em;
	color: #504945;
}
#network.disconnected {
	color: #fb4934;
}

#idle_inhibitor {
	padding: 0 1em;
}
#idle_inhibitor.deactivated {
	color: #504945;
}
#idle_inhibitor.activated {
	color: #ebdbb2;
}

#backlight {
	padding: 0 1em;
	color: #ebdbb2;
}
#gamemode {
	padding: 0 1em;
	color: #504945;
}
#gamemode.running {
	color: #b8bb26;
}
/* Memory */
#memory {
	padding: 0 1em;
	color: #504945;
}
#memory.critical {
	color: #fb4934;
}
#memory.warning {
	color: #fabd2f;
}
#memory.regular {
	color: #ebdbb2;
}
/* CPU */
#cpu {
	padding: 0 1em;
	color: #504945;
}
#cpu.critical {
	color: #fb4934;
}
#cpu.warning {
	color: #fabd2f;
}
#cpu.regular {
	color: #ebdbb2;
}
/* Battery */
#battery {
	padding: 0 1em;
}
#battery.charging {
	color: #b8bb26;
}
#battery.good {
	color: #504945;
}
#battery.discharging.warning {
	color: #fabd2f;
}
#battery.discharging.critical {
	color: #fb4934;
}
#clock {
	color: #ebdbb2;
	padding: 0 1em;
}
/* Temperature*/
#temperature {
	padding: 0 1em;
	color: #504945;
}
#temperature.critical {
	color: #fb4934;
}
#temperature.warning {
	color: #fabd2f;
}
#temperature.regular {
	color: #ebdbb2;
}
/* Custom modules */
#custom-backup {
	color: #fb4934;
	padding: 0 1em;
}