/************
 * Nautilus *
 ************/
 .nautilus-window {
  .frame{
    *:selected, *:selected:backdrop{
      background: transparent;
      color: $selected_bg_color;
      label {
        color: $selected_bg_color;
      }
    } 
  }
  paned {
    > separator { background-image: none; }
  }
  .sidebar {
    background-color: transparent;
    // background-image: none;

    &:backdrop {
      background-color: transparent;
      // background-image: none;
    }

    .list-row {
      button {
        border: none;
        background-color: transparentize(darken($base_color,3%),0.05);
        &:active {
          background-color: transparentize($selected_bg_color,0.25);
        }
      }

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

      &:hover {
        background-color: transparentize($base_color,0.5);
        &:active {
          background-color: transparentize($selected_bg_color,0.1);
        }
      }
    }
  }
  
  notebook {
    > stack:only-child { // the :not(:only-child) is for "hidden" notebooks
        background-color: $base_color;
        &:backdrop { background-color: $backdrop_base_color; }
    }
  }

  searchbar {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }
  
 .searchbar-container {
    margin-top: -1px;
  }
}

.nautilus-circular-button {
  border-radius: 20px;
}

.disk-space-display {
  border: 2px solid;

  .unknown {
    background-color: #888a85;
    border-color: darken(#888a85, 20%);
  }

  .used {
    background-color: #9FB0B9;
    border-color: darken(#9FB0B9, 20%);
  }

  .free {
    background-color: #D8D8D8;
    border-color: darken(#D8D8D8, 20%);
  }
}

.nautilus-desktop {

  color: $fg_color;

  .nautilus-canvas-item {
    border-radius: 5px;
    color: #ffffff;
    text-shadow: 1px 1px transparentize(black, 0.4);

    &:active {
      color: $fg_color;
      text-shadow: none;
    }

    &:hover {
      color: $fg_color;
      text-shadow: none;
    }

    &:selected {
      color: $selected_fg_color;
      text-shadow: none;
    }

    .dim-label {
      &:selected {
        color: $selected_fg_color;
      }
    }
  }

  .nautilus-list {

    .dim-label {
      &:selected {
        color: $selected_fg_color;
      }
    }
  }
}

/*********
 * Gedit *
 *********/
.gedit-search-slider {
     padding: 4px;
     border-radius: 0 0 3px 3px;
     border: 0;
     background-color: $bg_color;
 }


/*********
 * Gnucash *
*********/
#gnc-id-main-window {
  entry.gnc-class-register-foreground {
    background: transparent;
    border: none;
    box-shadow: none;
  } 
  .arrow.button.toggle {
    transition: none;
    box-shadow: none;
    &:hover { border-color: $selected_bg_color; }
  } 
}

/*******************
 * Calendar events *
********************/
.color-light {
  &.timed label, .event-popover label {
    color: $fg_color;
    opacity: 1;
  }
  // & label {
  //   color: $dm_bg;
  //   opacity: 1;
  // }
}

/*******************
 * Calendar sidebar *
********************/
datechooser {
  .circular.day.text-button{ 
    padding: 6px;
    border-radius: 50%;
    min-height: 22px;
    min-width: 22px;
    border: none;
    &.flat.other-month, &.flat.non-workday {
      color: $insensitive_fg_color;
    }
    &.today { color: $selected_bg_color; }
    &:active, &:selected { 
      @include button(active, $selected_bg_color, $selected_fg_color);
      font-weight: bold;
    }
  }
  .weekday, .weeknum { color: $insensitive_fg_color;}
  .weeknum { background-color: transparentize($base_color, 0.2);}
  .current-week { background-color: transparentize($insensitive_fg_color, 0.9);}
}

agenda-view list.background {
  padding: 8px;
  .caption-heading, .dim-label.no-events {
    color: $headerbar_fg_color;
  }
}

datechooser,
agenda-view list.background,
.calendar-list {
  &, &:backdrop { background-color: $_sidebar_color; }
}


/******************************
 * Gnome system monitor graph *
******************************/

#gnome-system-monitor .loadgraph  {
  background: $bg_color;
  color: $text_color;
}