dotfiles/dot_config/waybar/style.css

* {
	border: none;
	border-radius: 0;
	font-family: Lexend, FiraCode Nerd Font, "M PLUS 1", Noto Sans CJK JP;
	font-size: 10px;
	font-weight: 600;
	min-height: 0;
}

window#waybar {
	background: rgba(24, 25, 38, 0.0);
	color: white;
}

tooltip {
	background: rgba(24, 25, 38, 0.95);
	border-radius: 10px;
	border-width: 0px;
	border-style: solid;
	border-color: rgb(24, 25, 38);
}

.modules-left,
window.bottom .modules-center,
window:not(.bottom) .modules-right {
	background-color: #24273a;
  margin: 2px;
}

window:not(.bottom) .modules-left,
.modules-center,
.modules-right {
  padding: 2px;
}

.modules-left,
.modules-center,
.modules-right,
#clock,
#visualisation,
#mpdris,
#custom-updates,
#layout,
#custom-notification.notification
{
  border-radius: 10px 10px 10px 10px;
}

#tray,
widget>label {
	padding: 0px 8px;
}

#mpdris {
	color: #24273a;
}

#visualisation
{
	color: #1e2030;
	background-color: #f4dbd6;
}

#layout {
	color: #f4dbd6;
}


#layout.focused {
	margin-right: 2px;
	color: #1e2030;
	background-color: #f4dbd6;
}

#tags button {
	color: #939ab7;
	margin-right: 2px;
	border-radius: 10px;
}

#tags button.occupied {
	color: #f4dbd6;
}

#workspaces button {
	color: #f4dbd6;
	border-radius: 10px;
	margin-left: 1px;
	margin-right: 1px;
}

#workspaces button:last-child {
	margin-right: 0px;
}

#workspaces button:first-child {
	margin-left: 0px;
}

#workspaces button.empty,
#workspaces.sway button.persistent {
	color: #939ab7;
}

#workspaces button.empty.active {
	background-color: #939ab7;
}

#tags button.urgent,
#workspaces button.urgent {
	color: #0f0f0f;
	background-color: #9ec3c4;
}

#workspaces button:hover {
	background-color: rgba(244, 219, 214, 0.7);
	color: #0f0f0f;
}

#workspaces.sway button.persistent:hover,
#workspaces button.empty:hover {
	background-color: rgba(147, 154, 183, 0.7);
	color: #0f0f0f;
}

#workspaces button.active,
#workspaces button.focused,
#tags button.focused {
	color: #0f0f0f;
	background-color: #f4dbd6;
}


#mpris {
	font-size: 9px;
}

#custom-notification {
	color: #eb6f92;
	padding-left: 12px;
	margin-right: 2px;
}

#custom-notification.notification {
	color: #0f0f0f;
	background-color: #eb6f92;
}

#taskbar button {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 0px;
	transition-duration: 150ms;
}

#taskbar button:hover {
	background-color: #363a4f;
}

#taskbar button:last-child {
	margin-right: 6px;
}

#taskbar button.maximized,
#taskbar button.fullscreen {
	border-top: 1px solid #8aadf4;
}

#taskbar button.active {
	background-color: #494d64;
	border-bottom: 2px solid #b7bdf8;
}


#clock {
	color: #1e2030;
	background-color: #8aadf4;
}

#custom-updates {
	margin-right: 2px;
	color: #1e2030;
	background-color: #9ccfd8;
}

#custom-downloads {
	color: #eed49f;
}

#custom-logo {
	font-size: 14px;
}

#network {
	color: #f5a97f;
}

#cpu {
	color: #a6da95;
}

#pulseaudio {
	color: #7dc4e4;
}

#pulseaudio.bluetooth {
	color: #8aadf4;
}

#pulseaudio.muted {
	color: #ed8796;
}

#pulseaudio-slider {
	min-width: 50px;
}

#pulseaudio-slider slider {
	min-height: 0px;
	min-width: 0px;
	border-radius: 20px;
	opacity: 0;
	background-image: none;
	border: none;
	box-shadow: none;
}

#pulseaudio-slider trough {
	min-height: 4px;
	min-width: 10px;
	border-radius: 5px;
	background-color: #363a4f;
}

#pulseaudio-slider highlight {
	min-width: 10px;
	border-radius: 5px;
	background-color: #91d7e3;
}

#cava {
	font-family: FiraCode Nerd Font Mono;
}

#memory {
	color: #b7bdf8;
}

#temperature {
	color: #91d7e3;
}

#temperature.critical {
	color: #ed8796;
}