* {
  /* Bar measurement icons: https://github.com/and3rson/graph-bars-font */
  /* Icon set: https://fontawesome.com/v5.15/how-to-use/on-the-desktop/setup/getting-started */
  font-family: "Courier New", "Bars", "Font Awesome 5 Free";
  font-size: 14px;
  color: #f2e5bc;
}

.bar {
  background: rgba(29, 32, 33, 0.3);
  border: 1px solid #504945;
  padding: 0 5px;
}

.container-right .widget {
  margin: 2px;
  border-radius: 5px;
}

.container-right .widget * {
  color: #242424;
}
.komorebi-workspaces {
  margin-left: 0;
}
.ws-btn {
  padding: 5px;
  background: rgba(60, 56, 54, 0.4);
  border: 1px solid rgba(168, 153, 132, 0.4);
  margin: 2px 1px;
  font-size: 12px;
  border-radius: 3px;
}

.ws-btn:hover {
  color: #fbf1c7;
  font-weight: bold;
}

.ws-btn.populated {
  border-color: rgba(168, 153, 132, 1);
  color: #ebdbb2;
}

.ws-btn.active {
  background: #1688f0;
  color: black;
  font-weight: bold;
}

.custom-widget {
  padding: 2px 6px;
  font-size: 14px;
  background: #bdae93;
}
.custom-widget .icon {
  font-size: 13px;
}
.custom-widget:hover {
  background: #fbf1c7;
}
.custom-widget .icon.icon-left {
  margin-right: 5px;
}
.custom-widget .icon.icon-right {
  margin-left: 5px;
}
.custom-widget.hostname-widget {
  background: #83a598;
}

.custom-widget.terminal-widget {
  font-size: 14px;
}

.cpu-widget .label,
.memory-widget .label,
.battery-widget .label {
  padding: 2px 5px;
  font-size: 14px;
  border-radius: 5px;
}

.cpu-widget .label {
  background: #d3869b;
}

.battery-widget .label.status-critical {
  background: #fb4934;
}
.battery-widget .label.status-low {
  background: #fe8019;
}
.battery-widget .label.status-medium {
  background: #fabd2f;
}
.battery-widget .label.status-high {
  background: #b8bb26;
}
.battery-widget .label.status-full {
  background: #8ec07c;
}
.battery-widget .label.status-charging {
  background: #8ec07c;
}
.battery-widget,
.memory-widget {
  margin: 0;
}

.memory-widget .label.status-low {
  background: #689d6a;
}
.memory-widget .label.status-medium {
  background: #fe8019;
}
.memory-widget .label.status-high {
  background: #cc241d;
}
.active-window-widget {
  margin-left: 5px;
}
.active-window-widget .label {
  padding: -5px 7px 0 7px;
  color: #242424;
  background: #83a598;
  margin-bottom: -1px;
  border-radius: 3px;
  margin: 2px;
}

.komorebi-active-layout .label {
  color: #fbf1c7;
  margin: -4px 2px 2px 8px;
  font-family: Hack;
}
