''
  * {
    border: none;
    border-radius: 0;
    font-family: "JetBrainsMono Nerd Font";
    font-size: 14px;
    min-height: 0;
  }

  window#waybar {
    background: #18191f;
    color: #cbc0ab;
  }

  #workspaces button {
    padding: 0 4px;
    background: #c495a2;
    color: #18191f;
    border-bottom: 2px solid #c495a2;
  }

  #workspaces button.focused {
    background: #c495a2;
    border-bottom: 2px solid #18191f;
  }

  #clock,
  #cpu,
  #battery,
  #temperature,
  #backlight,
  #network,
  #memory,
  #language,
  #pulseaudio,
  #tray,
  #mode,
  #mpd,
  #custom-weather,
  #custom-nixos {
    padding: 0 6px;
    margin: 0;
    background-color: #c495a2;
    color: #18191f;
  }

  @keyframes blink {
    to {
      background-color: #c495a2;
      color: #18191f;
    }
  }

  #cpu {
    background-color: #8bb0a6;
  }

  #network {
    background-color: #8bb0a6;
  }

  #memory {
    background-color: #8bb0a6;
  }

  #pulseaudio {
    background-color: #8bb0a6;
  }

  #battery {
    background-color: #8bb0a6;
  }

  #battery.full {
    background-color: #8bb0a6;
    color: #18191f;
  }

  #battery.discharging {
    background-color: #8bb0a6;
    color: #18191f;
  }

  #battery.charging {
    background-color: #8bb0a6;
    color: #18191f;
  }

  #battery.warning:not(.charging) {
    background-color: #8bb0a6;
    color: #18191f;
    animation-name: blink;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }
''