nixfiles/home-manager/data/waybar-base16.nix

name: base16:

''
  window#waybar {
    background-color: #${base16."base00"};
    border-bottom: 3px solid #${base16."base01"};
    color: #${base16."base0B"};
  }

  #workspaces button {
    background-color: #${base16."base00"};
    color: #${base16."base0B"};
    border-bottom: 3px solid #${base16."base01"};
  }

  #workspaces button:hover {
    background: #${base16."base00"};
    border-bottom: 3px solid #${base16."base01"};
  }

  #workspaces button.focused {
    background-color: #${base16."base02"};
    border-bottom: 3px solid #${base16."base01"};
  }

  #clock {
    background-color: #${base16."base01"};
    color: #${base16."base0B"};
  }

  @keyframes blink {
    to {
      background-color: #ffffff;
      color: #000000;
    }
  }

  #battery {
    background-color: #${base16."base0D"};
    color: #${base16."base00"};
  }

  #battery.charging {
    background-color: #${base16."base0D"};
    color: #${base16."base00"};
  }

  #battery.critical:not(.charging) {
    background-color: #f53c3c;
    color: #ffffff;
  }

  #cpu {
    background-color: #${base16."base0D"};
    color: #${base16."base00"};
  }

  #memory {
    background-color: #${base16."base0D"};
    color: #${base16."base00"};
  }

  #backlight {
    background-color: #${base16."base0D"};
    color: #${base16."base00"};
  }

  #network {
    background-color: #${base16."base0D"};
    color: #${base16."base00"};
  }

  #network.disconnected {
    background-color: #${base16."base0D"};
    color:  #${base16."base00"};
  }

  #pulseaudio {
    background-color: #${base16."base0D"};
    color: #${base16."base00"};
  }

  #pulseaudio.muted {
    background-color: #${base16."base0D"};
    color: #${base16."base00"};
  }

  #temperature {
    background-color: #${base16."base0D"};
    color:  #${base16."base00"};
  }

  #temperature.critical {
    background-color:  #${base16."base0D"};
    color: #${base16."base00"};
  }

  #mpd {
    background-color:  #${base16."base0E"};
    color:  #${base16."base00"};
  }

  #mpd.disconnected {
    background-color:  #${base16."base08"};
    color: #${base16."base00"};
  }

  #mpd.stopped {
    background-color:  #${base16."base00"};
    color: #${base16."base0B"};
  }

  #mpd.paused {
    background-color:  #${base16."base09"};
    color: #${base16."base00"};
  }
''