.xfce4-panel {
  border-radius: 0;
    &.background {
        background-color: $panel_bg_color;
        color: $fg_color;

        text-shadow: none;
        -gtk-icon-shadow: none;

        button.flat:not(.open_group) { @extend %panelbutton; }
    }
    &#XfcePanelWindow, &#XfcePanelWindow.marching-ants {transition: none;}
}

#tasklist-button {
    color: transparentize($panel_fg_color, 0.2);
    border-radius: 0;
    border: none;
    background-color: $panel_bg_color;

    &:hover {
      color: lighten($panel_fg_color, 10%);
      background-color: transparentize(black, 0.83);
    }

    &:checked {
      color: white;
      background-color: transparentize(black, 0.75);
      box-shadow: inset 0 -2px $selected_bg_color;
    }
}

%panelbutton {
    color: $panel_fg_color;
    border-radius: 0;
    border: none;
    background-color: transparent;
    font-weight: normal;

    &:hover {
      border: none;
      background-color: lighten($panel_bg_color, 10%);
    }
    &:active, &:checked {
      color: $panel_fg_color;
      box-shadow: 0px -2px $purple inset;
      background-color: transparentize($selected_bg_color, 0.4);

      label, image { color: inherit; }
    }
}

/* Vala-appmenu-plugin*/

.-vala-panel-appmenu-core scrolledwindow,
.-vala-panel-appmenu-private > menuitem,
.-vala-panel-appmenu-private > menuitem:first-child > label {
    color: $panel_fg_color;
}

// Notifications

#XfceNotifyWindow {
  background-color: darken($bg_color, 2%);
  border-radius: 12px;
  border-width: 1px;
  border: 1px solid $borders_color;
  color: $fg_color;
  padding: 40px;
  &:hover, &:focus { background-color: $bg_color; }
  label, image { color: $fg_color; }
  button { 
    @include button(normal); 
    &:hover {
      @include button(hover, $selected_bg_color);
      label { color: $selected_fg_color; }
    }
  }
}