//
// Tab overrides
//
GeditNotebook.notebook,
ScratchMainWindow .notebook,
EphyNotebook.notebook,
MidoriNotebook .notebook,
TerminalWindow .notebook,
PantheonTerminalPantheonTerminalWindow .notebook {
  tab.reorderable-page.top,
  tab.top {
    &:active,
    &.active-page,
    &.active-page:hover {
      box-shadow: inset 0 1px $borders_color, inset 0 -1px $borders_color,
        inset 1px 0 $borders_color, inset -1px 0 $borders_color;
    }
  }
}

TerminalWindow .notebook,
PantheonTerminalPantheonTerminalWindow .notebook {
  tab.reorderable-page.top,
  tab.top {
    padding-top: 7px;
    border-top-width: 3px;
  }

  &.header.top {
    box-shadow: inset 0 1px opacify($header_border, 1), inset 0 -1px $borders_color;
  }
}

//
// Evolution
//
// needed for webkit/GtkStyle/Evolution compatibility
GtkHTML {
  background-color: $bg_color;
  color: $text_color;

  &:active {
    color: $selected_fg_color;
    background-color: $selected_bg_color;
  }
}

//
// Sushi
//
// used by gnome-font-viewer and sushi
SushiFontWidget {
  padding: 6px 12px;
}

//
// GNOME System Monitor
//
#gnome-system-monitor headerbar {
  // we have to do this because the headerbar is moved into the toolbar
  // position in DE's like Cinnamon
  box-shadow: none;
}

//
// GNOME Terminal
//
vte-terminal.terminal-screen {
  -terminalscreen-background-darkness: 1;
  background-color: #3f3f3f;
  color: #fff;
}

terminal-screen-container,
terminal-screen-container scrollbar:not(slider) {
  border-color: transparent;
  background-color: transparent;
}

TerminalWindow {
  .notebook {
    tab .button {
      color: mix($bg_color, $fg_color, 35%);

      &:hover {
        color: $fg_color;
        border-color: $button_border;
        background-color: $button_bg;
      }
    }
    .active-page,
    .prelight-page {
      .button {
        @extend %undecorated_button;
        &:hover {
          color: lighten(red, 15%);
          @extend %undecorated_button;
        }
        &:active {
          color: $selected_bg_color;
          @extend %undecorated_button;
        }
      }
    }
  }
}

//
// MATE Terminal
//
vte-terminal {
  -terminalscreen-background-darkness: 1;
  background-color: #3f3f3f;
  color: #fff;
}

//
// Nautilus
//
.nautilus-canvas-item {
  border-radius: 2px;
}

%nautilus_canvas_item,
.nautilus-desktop.nautilus-canvas-item {
  color: $selected_fg_color;
  text-shadow: 1px 1px transparentize(black, 0.4);

  &:active {
    color: $fg_color;
  }
  &:selected {
    color: $selected_fg_color;
  }
}

.nautilus-canvas-item.dim-label,
.nautilus-list-dim-label {
  color: mix($fg_color, $bg_color, 50%);

  &:selected,
  &:selected:focus {
    color: mix($selected_fg_color, $selected_bg_color, 80%);
  }
}

.nautilus-window {
  paned > separator {
    background-image: _solid($dark_sidebar_border);
  }
}

.nautilus-window,
filechooser {
  .csd.background,
  placessidebar list {
    background-color: transparent;
  }

  placessidebar.sidebar list {
    background-color: $dark_sidebar_bg;

    row.sidebar-row {
      border: none;
      color: $dark_sidebar_fg;

      &.has-open-popup,
      &:hover {
        background-color: transparentize($dark_sidebar_fg, 0.85);
      }

      &:disabled {
        &,
        label,
        image {
          color: transparentize($dark_sidebar_fg, 0.6);
        }
      }

      &:selected.has-open-popup,
      &:selected,
      &:selected:hover,
      &:active:hover {
        @extend %selected_items;

        .sidebar-icon {
          color: inherit;
        }
      }

      &:not(:selected) button.sidebar-button {
        color: $dark_sidebar_fg;

        &:hover {
          @include button(osd-hover);
        }
        &:active {
          @include button(active);
        }

        &:not(:hover):not(:active) > image {
          opacity: 0.5;
        }
      }

      &.sidebar-new-bookmark-row {
        color: $selected_bg_color;

        .sidebar-icon {
          color: inherit;
        }
      }

      &:drop(active):not(:disabled) {
        &,
        label,
        .sidebar-icon {
          color: $drop_target_color;
        }

        &:selected {
          &,
          label,
          .sidebar-icon {
            color: $selected_fg_color;
          }
          background-color: $drop_target_color;
        }
      }
    }

    separator {
      background-color: transparent;
    }
  }

  &.maximized placessidebar.sidebar {
    background-color: opacify($dark_sidebar_bg, 1);
  }
}

filechooser placessidebar > viewport.frame {
  border: 1px solid $borders_color;
  border-width: 1px 0 0 0;
}

NautilusQueryEditor .search-bar.toolbar {
  padding: 5px;
  box-shadow: none;
  background-color: $base_color;
}

.nautilus-circular-button.image-button.button {
  border-radius: 50%;
  -gtk-outline-radius: 50%;
  padding: 8px;
}

$disk_space_unknown: transparentize($fg_color, 0.5);
$disk_space_used: transparentize($selected_bg_color, 0.2);
$disk_space_free: darken($bg_color, 3%);

.disk-space-display {
  border-style: solid;
  border-width: 1px;

  &.unknown {
    background-color: $disk_space_unknown;
    border-color: darken($disk_space_unknown, 10%);
  }
  &.used {
    background-color: $disk_space_used;
    border-color: darken($disk_space_used, 10%);
  }
  &.free {
    background-color: $disk_space_free;
    border-color: darken($disk_space_free, 10%);
  }
}

// View
NautilusListView .view {
  border-bottom: 1px solid $borders_color;
}

//
// Nemo
//
.nemo-desktop.nemo-canvas-item {
  @extend %nautilus_canvas_item;
}

.nemo-window {
  .nemo-window-pane widget.entry {
    border: 1px solid;
    border-radius: 3px;

    @include entry(focus);

    &:selected {
      &:focus,
      & {
        @extend %selected_items;
      }
    }
  }

  .nemo-inactive-pane .view {
    background-color: darken($base_color, 5%);

    &:selected {
      &:focus,
      & {
        @extend %selected_items;
      }
    }
  }

  .places-treeview {
    -nemoplacestreeview-disk-full-bg-color: $dark_sidebar_fg;
    -nemoplacestreeview-disk-full-fg-color: darken($selected_bg_color, 10%);
    -GtkTreeView-vertical-separator: 7;

    .view.cell:hover {
      background-color: transparentize($dark_sidebar_fg, 0.75);
    }
  }

  .nemo-places-sidebar.frame {
    border-width: 0;
  }

  .sidebar {
    color: $dark_sidebar_fg;
    background-color: $dark_sidebar_bg;

    .frame {
      border: none;
    }

    .view,
    row {
      background-color: transparent;
      color: $dark_sidebar_fg;

      &.cell:selected {
        background-color: $selected_bg_color;
        color: $selected_fg_color;
      }

      &.expander {
        color: mix($dark_sidebar_fg, $dark_sidebar_bg, 50%);

        &:hover {
          color: $dark_sidebar_fg;
        }
      }
    }
  }

  /* This is to keep the separator next to the sidebar dark so we don't see a gap
     between it and the trash bar */
  grid > paned > separator {
    background-image: _solid($borders_color);
  }

  // Fix padding of the statusbar buttons
  & widget .toolbar .image-button {
    padding: 0;
  }
}

//
// Caja
//

.caja-navigation-window {
  /* This seems to be needed to get proper highlighting in the caja view
   * when split panes are used. Without it the inactive pane isn't displayed
   * properly
   */
  .view .cell:selected {
    &,
    &:focus {
      background-image: _solid($selected_bg_color);

      @extend %selected_items;
    }
  }

  .frame {
    border-width: 1px 0 1px 0;
  }

  .caja-side-pane {
    .view,
    textview text,
    notebook {
      background-color: $dark_sidebar_bg;
      color: $dark_sidebar_fg;
    }

    .frame {
      border-width: 1px 0 0 0;
    }

    .view > box,
    viewport.frame {
      border: 1px solid $borders_color;
      border-width: 1px 0 0 0;
    }
  }
}

//
// Gedit
//
.gedit-headerbar-paned {
  color: $header_border;
}
.gedit-side-panel-paned > separator {
  background-image: _solid($dark_sidebar_border);
}
.gedit-bottom-panel-paned > separator {
  background-image: _solid($borders_color);
}

.open-document-selector-treeview.view {
  padding: 3px 6px 3px 6px;
  border-color: $base_color; // disable borders, making them transparent doesn't work for some reason

  &:hover {
    background-color: transparentize(black, 0.95);

    &:selected {
      color: $selected_fg_color;
      background-color: $selected_bg_color;
    }
  }
}

.open-document-selector-name-label {
  color: $fg_color;
}

.open-document-selector-path-label {
  color: mix($fg_color, $base_color, 50%);
  font-size: smaller;

  &:selected {
    color: transparentize($selected_fg_color, 0.1);
  }
}

.gedit-document-panel {
  background-color: $dark_sidebar_bg;

  row {
    color: $dark_sidebar_fg;
    background-color: transparentize($dark_sidebar_fg, 1);

    &:hover {
      background-color: transparentize($dark_sidebar_fg, 0.85);
    }
    &:active {
      color: $selected_fg_color;
      background-color: $selected_bg_color;

      button {
        color: $selected_fg_color;
      }
    }
    &:selected,
    &:selected:hover {
      color: $selected_fg_color;
      background-color: $selected_bg_color;
    }
    &:hover:not(:selected) button:active {
      color: $dark_sidebar_fg;
    }
  }

  row button {
    min-width: 22px;
    min-height: 22px;
    color: transparent;
    background: none;
    border: none;
    box-shadow: none;
    padding: 4px;

    image {
      color: inherit;
    }
  }

  row:hover:not(:selected) button {
    color: mix($bg_color, $fg_color, 35%);

    &:hover {
      color: lighten(red, 15%);
    }
    &:active {
      color: $fg_color;
    }
  }

  row:hover:selected button:hover {
    color: lighten(red, 20%);
    background: none;
    border: none;
    box-shadow: none;

    &:active {
      color: $selected_fg_color;
    }
  }
}

.gedit-document-panel-dragged-row {
  border: 1px solid $borders_color;
  background-color: darken($bg_color, 10%);
  color: $fg_color;
}

.gedit-side-panel-paned statusbar {
  border-top: 1px solid $borders_color;
  background-color: $bg_color;
}

.gedit-search-slider {
  @extend %search_slider;
}

.gedit-search-entry-occurrences-tag {
  color: transparentize($fg_color, 0.4);
  border: none;
  margin: 2px;
  padding: 2px;
}

.gedit-map-frame {
  border {
    border-width: 0;

    &:dir(ltr) {
      border-left-width: 1px;
    }
    &:dir(rtl) {
      border-right-width: 1px;
    }
  }
}

%search_slider {
  background-color: lighten($bg_color, 2%);
  padding: 6px;
  border-color: $borders_color;
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
}

//
// Pluma
//

.pluma-window statusbar frame > border {
  border: none;
}

.pluma-window notebook > stack scrolledwindow {
  border-width: 0 0 1px 0;
}

#pluma-status-combo-button {
  min-height: 0;
  padding: 0;

  border-top: none;
  border-bottom: none;
  border-radius: 0;
}

//
// Gnome Builder
//
.gb-search-entry-occurrences-tag {
  background: none;
}

workbench.csd > stack.titlebar:not(headerbar) {
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;

  headerbar {
    &,
    &:first-child,
    &:last-child {
      border-radius: 3px 3px 0 0;
    }
  }
}

editortweak .linked > entry.search:focus + .gb-linked-scroller {
  border-top-color: $selected_bg_color;
}

layouttab {
  background-color: $base_color;
}

layout {
  border: 1px solid $borders_color;
  -pnldockbin-handle-size: 1;
}

eggsearchbar box.search-bar {
  border-bottom: 1px solid $borders_color;
}

pillbox {
  color: $selected_fg_color;
  background-color: $selected_bg_color;
  border-radius: 3px;

  &:disabled label {
    color: transparentize($selected_fg_color, 0.5);
  }
}

docktabstrip {
  padding: 0 6px;

  background-color: $bg_color;
  border-bottom: 1px solid $borders_color;

  docktab {
    min-height: 28px;
    border: solid transparent;
    border-width: 0 1px;

    label {
      opacity: 0.5;
    }
    &:checked,
    &:hover {
      label {
        opacity: 1;
      }
    }

    &:checked {
      border-color: $borders_color;
      background-color: $base_color;
    }
  }
}

dockbin {
  border: 1px solid $borders_color;
  -pnldockbin-handle-size: 1;
}

dockpaned {
  border: 1px solid $borders_color;
}

dockoverlayedge {
  background-color: $bg_color;

  docktabstrip {
    padding: 0;
    border: none;
  }

  &.left-edge tab:checked,
  &.right-edge tab:checked {
    border-width: 1px 0;
  }
}

popover.messagepopover {
  &.background {
    padding: 0;
  }

  .popover-content-area {
    margin: 16px;
  }
  .popover-action-area {
    margin: 8px;

    button:not(:first-child):not(:last-child) {
      margin: 0 4px;
    }
  }
}

popover.popover-selector {
  padding: 0;

  list {
    row {
      padding: 5px 0;
    }
    row image {
      margin-left: 3px;
      margin-right: 10px;
    }
  }
}

entry.search.preferences-search {
  border: none;
  border-right: 1px solid $borders_color;
  border-bottom: 1px solid $borders_color;
  border-radius: 0;
}

preferences stacksidebar.sidebar {
  list {
    background-image: _solid($base_color);
  }

  list separator {
    background-color: transparent;
  }
}

devhelppanel entry:focus,
symboltreepanel entry:focus {
  border-color: $borders_color;
}

button.run-arrow-button {
  min-width: 12px;
}

omnibar.linked > entry:not(:only-child) {
  border-style: solid;
  border-radius: 3px;
  margin-left: 1px;
  margin-right: 1px;
}

gstyleslidein {
  #scale_box,
  #strings_controls,
  #palette_controls,
  #components_controls {
    button.toggle:checked {
      color: $fg_color;
    }
  }
}

configurationview {
  entry.flat {
    background: none;
  }
  list {
    border-width: 0;
  }
}

//
// Epiphany / Xreader
//
EphyWindow .floating-bar {
  // Epiphany overrides the floating-bar style, so reset it
  color: $fg_color;
}

.xreader-window .primary-toolbar .button.the-button-in-the-combobox {
  @include button(header-hover);

  &:hover {
    background-color: lighten($header_button_bg, 15%);
  }
  &:disabled {
    color: transparentize($header_fg, 0.4);
  }
}

//
// Gnome Calendar
//
calendar-view event {
  &.color-light label {
    color: black;
  }
  &.color-light.timed label {
    color: $fg_color;
  }

  &.color-dark label {
    color: white;
  }
  &.color-dark.timed label {
    color: $fg_color;
  }
}

//
// Gnome Documents
//
.documents-scrolledwin.frame {
  border-width: 0;
}

button.documents-load-more {
  border-width: 1px 0 0;
  border-radius: 0;
}

.documents-icon-bg {
  background-color: $selected_bg_color;
  color: $selected_fg_color;
  border-radius: 2px;
}

.documents-collection-icon {
  background-color: transparentize($fg_color, 0.7);
  border-radius: 2px;
}

.documents-favorite.button:active,
.documents-favorite.button:active:hover {
  color: lighten($selected_bg_color, 20%);
}

.documents-entry-tag {
  background-color: $selected_bg_color;
  color: $selected_fg_color;
  border-radius: 2px;
  border-width: 0;
  margin: 2px;
  padding: 4px;

  &:hover {
    color: $selected_fg_color;
    background-color: lighten($selected_bg_color, 4%);
  }
  &:active {
    color: $selected_fg_color;
    background-color: darken($selected_bg_color, 4%);
  }
}

//
// Gnome Photos
//
.photos-entry-tag {
  @extend .documents-entry-tag;
}

.photos-collection-icon {
  @extend .documents-collection-icon;
}

.photos-fade-in {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}

.photos-fade-out {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

//
// Gnome Tweak Tool
//
.tweak-categories,
.tweak-category:not(:selected):not(:hover) {
  background-image: _solid($base_color);
}

.content-view.document-page {
  border-style: solid;
  border-width: 3px 3px 6px 4px;
  border-image: url('assets/thumbnail-frame.png') 3 3 6 4;
}

//
// Totem
//
TotemGrilo.vertical GdMainView.frame {
  border-width: 0;
}

//
// Synapse
//
SynapseGuiSelectionContainer *:selected,
SynapseGuiViewVirgilio *:selected {
  background-color: $selected_bg_color;
}

//
// Transmission
//
.tr-workarea .undershoot,
.tr-workarea .overshoot {
  border-color: transparent; // Remove black border on over- and undershoot
}

//
// Fallback Mode/Budgie Panel/Mate Panel
//
.gnome-panel-menu-bar,
.mate-panel-menu-bar {
  color: $panel_fg;
  background-color: $panel_bg;

  &,
  menubar {
    background-color: $panel_bg;
  }

  menubar,
  #PanelApplet label,
  #PanelApplet image {
    color: $panel_fg;
  }

  menu > menuitem {
    color: $fg_color;
  }

  button:not(#tasklist-button) {
    @extend %panelbutton;
  }

  button,
  #tasklist-button {
    label,
    image {
      color: inherit;
    }
  }

  #tasklist-button {
    color: $panel_fg;
    border-radius: 0;
    border: none;
    padding-bottom: 0;
    padding-top: 0;

    &:hover {
      background-color: transparentize(white, 0.95);
    }

    &:checked,
    &:active {
      background-color: $selected_bg_color;

      label {
        color: white;
      }
    }
  }

  PanelSeparator {
    color: rgba(255, 255, 255, 0);
    padding-top: 4px;
    padding-bottom: 4px;
  }

  na-tray-applet {
    -natrayapplet-icon-padding: 1px;
  }
}

MatePanelAppletFrameDBus > MatePanelAppletFrameDBus {
  background-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left;
}

.mintmenu:hover {
  background-color: lighten($panel_bg, 5%);
}
.mintmenu:selected {
  color: $selected_fg_color;
  background-color: $selected_bg_color;
}

.wnck-pager {
  background-color: transparentize(black, 0.96);

  &:selected {
    background-color: transparentize($selected_bg_color, 0.4);
  }
  &:hover {
    background-color: transparentize($selected_bg_color, 0.8);
  }
}

// Xfce Panel
.xfce4-panel.panel {
  background-color: #393939;
  color: $panel_fg;

  button {
    @extend %panelbutton;
  }

  frame > border {
    border: 0;
  }
  label {
    font-weight: normal;
  }
}

%panelbutton {
  color: $panel_fg;
  border-radius: 0;
  border: none;
  background-color: transparentize($panel_bg, 1);

  &:hover {
    border: none;
    background-color: lighten($panel_bg, 10%);
  }

  &:active,
  &:checked {
    color: $selected_fg_color;
    border: none;
    background-color: $selected_bg_color;
  }

  label,
  image {
    color: inherit;
  }
}

//
// Floating Bar
//
.floating-bar {
  background-color: $selected_bg_color;
  color: $selected_fg_color;

  &.top {
    border-radius: 0 0 2px 2px;
  }
  &.right {
    border-radius: 2px 0 0 2px;
  }
  &.bottom {
    border-radius: 2px 2px 0 0;
  }
  &.left {
    border-radius: 0 2px 2px 0;
  }

  .button {
    background-color: transparent;
    box-shadow: none;
    border: none;
  }
}

// Elementary Apps

//
// Birdie
//
BirdieWidgetsTweetList * {
  background-image: none;
  background-color: transparent;
}

//
// Marlin / Pantheon Files
//
MarlinViewWindow {
  *:selected,
  *:selected:focus {
    color: $selected_fg_color;
    background-color: $selected_bg_color;
    outline-color: transparent;
  }
  GtkIconView.view:selected {
    &,
    &:focus,
    &:hover,
    &:focus:hover {
      background-color: transparent;
    }
  }
  FMListView,
  FMColumnView {
    outline-color: transparent;
  }
}

.marlin-pathbar.pathbar {
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 4px;

  @include entry(header-normal);

  &:focus {
    @include entry(header-focus);
  }

  &:disabled {
    @include entry(header-insensitive);
  }

  &:active,
  &:checked {
    color: $selected_bg_color;
  }
}

//
// Gala
//
.gala-notification {
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: white;

  .title,
  .label {
    color: #5c616c;
  }
}

//
// Pantheon Terminal
//
PantheonTerminalPantheonTerminalWindow.background {
  background-color: transparent;
}

//
// Switchboard
//
SwitchboardCategoryView .view:selected,
SwitchboardCategoryView .view:selected:focus {
  color: $fg_color;
}

//
// Cinnamon Settings
//
.cs-header {
  padding: 6px;
  background-color: darken($bg_color, 1%);
  border-bottom: 1px solid $borders_color;
}

//
// Xed
//
.xed-window {
  .xed-panel {
    &.side notebook tab.top {
      padding: 8px 12px;
    }
    &.bottom notebook.frame {
      border: none;
    }
  }

  .small-button {
    padding: 2px 4px;
  }

  .xed-searchbar {
    border: 0px solid $borders_color;
    border-top-width: 1px;
  }

  statusbar {
    & widget border {
      border-color: transparent;
    }
    // remove some extra padding
    button,
    widget frame,
    widget frame border {
      padding: 0;
    }
  }

  .xed-goto-line-box {
    @extend %search_slider;
  }
}

//
// XReader
//
EvWindow .content-view .view:selected,
EvWindow .content-view .view:focus:selected {
  background-color: $selected_bg_color;
  color: $selected_fg_color;
}

%dark_sidebar_button {
  @include button(osd);

  &:hover {
    @include button(osd-hover);
  }
  &:active,
  &:checked {
    @include button(osd-active);
  }
  &:disabled {
    @include button(osd-insensitive);
  }
}

//
// Thunar
//
.thunar {
  .sidebar .view {
    background-color: $dark_sidebar_bg;
    color: $dark_sidebar_fg;

    &:selected,
    &:active {
      background: $selected_bg_color;
      color: $selected_fg_color;
    }
  }

  toolbar.horizontal button image {
    -gtk-icon-transform: scale(0.9);
  }
}