dotfiles/hyprland/.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: transparent;
}
.modules-left {
	background: rgba(40, 40, 40, 0.8);
	border-radius: 8px;
}
.modules-right {
	background: rgba(40, 40, 40, 0.8);
	border-radius: 8px;
}

/* Hypr stuff */
#workspaces {
}
#workspaces button {
	/* Any random button */
	background: transparent;
	color: #a89984;
	padding: 0 0.9em;
	border-radius: 8px;
}
#workspaces button.persistent {
	color: rgba(235, 219, 178, 0.8);
}
#workspaces button.empty {
	color: rgba(235, 219, 178, 0.2);
}
#workspaces button:hover {
	/* A button that is currently being hovered over by the mouse cursor */
	/* This comes with free transitions */
	box-shadow: inherit;
	text-shadow: inherit;
	background-color: #504945;
}
#workspaces button.focused {
	color: rgba(40, 40, 40, 0.8);
	background: #504945;
	font-weight: bold;
}
#workspaces button.visible {
	color: rgba(40, 40, 40, 0.8);
	background: #458588;
	font-weight: bold;
}
#workspaces button.active {
	color: rgba(40, 40, 40, 0.8);
	background: #83a598;
	font-weight: bold;
}
#workspaces button.urgent {
	color: #fabd2f;
	font-weight: bold;
}
/* Window and mode display */
#window {
	color: rgba(235, 219, 178, 0.4);
	padding: 0 1em;
	border-radius: 8px;
}
window#waybar.empty #window {
	/* We do this so it properly hides when on an empty workspace */
	padding: 0;
}
window#waybar.solo #window {
	/* Nothing */
}
window#waybar.floating #window {
	/* Workspace contains only floating windows */
	color: rgba(40, 40, 40, 0.8);
	background: #8ec07c;
}
window#waybar.fullscreen #window {
	/* Workspace containing a "fullscreen" window (note that this includes fullscreen, 1, which is maximize) */
	color: rgba(40, 40, 40, 0.8);
	background: #d3869b;
}

/* widgets */
#pulseaudio {
	padding: 0 1em;
	color: #ebdbb2;
	border-radius: 8px;
}
#pulseaudio.muted {
	border-radius: 8px;
	background: #fb4934;
	color: #282828;
}
#tray {
	padding: 0 1em;
}
#mpris {
	padding: 0 1em;
}
#mpris.playing {
	color: #d3869b;
}
#mpris.paused, #mpris.stopped {
	color: rgba(235, 219, 178, 0.2);
}

#network {
	padding: 0 1em;
	color: rgba(235, 219, 178, 0.2);
}
#network.disconnected {
	color: #fb4934;
}

#idle_inhibitor {
	padding: 0 1em;
}
#idle_inhibitor.deactivated {
	color: rgba(235, 219, 178, 0.2);
}
#idle_inhibitor.activated {
	color: #ebdbb2;
}

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