@mixin desktop_icons() {
  .caja-desktop, .nemo-desktop.nemo-canvas-item, .nautilus-desktop.nautilus-canvas-item {
    color: $desktop_item_fg;
    text-shadow: 1px 1px $desktop_item_text_shadow;

    &:active {
      color: $desktop_item_fg;
    }

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

@mixin tasklist_button() {
  color: $taskbar_fg_color;
  text-shadow: 1px 1px $dark_shadow;
  border-radius: 2px;
  border: 1px solid gtkalpha($light_shadow, 0.3);
  padding-bottom: 0;
  padding-top: 0;
  background: -gtk-gradient(radial, left top, 0.55, right bottom, 0.6, from(gtkalpha($light_shadow, 0.8)), to(transparent));

  &:hover {
    border: 1px solid gtkalpha($light_shadow, 0.4);
    background: -gtk-gradient(radial, left top, 0.55, right bottom, 0.6, from(gtkalpha($light_shadow, 0.9)), to(transparent));
  }

  &:checked, &:active {
    border: 1px solid gtkalpha($light_shadow, 0.45);
    background: -gtk-gradient(radial, left top, 0.55, right bottom, 0.6, from(gtkalpha($light_shadow, 0.9)), to(transparent)), -gtk-gradient(radial, center bottom, 0.25, center bottom, 0.85, from(gtkalpha($light_shadow, 0.35)), to(transparent));
    
    &:hover {
      border: 1px solid gtkalpha($light_shadow, 0.55);
      background: -gtk-gradient(radial, left top, 0.55, right bottom, 0.6, from(gtkalpha($light_shadow, 0.99)), to(transparent)), -gtk-gradient(radial, center bottom, 0.25, center bottom, 0.85, from(gtkalpha($light_shadow, 0.5)), to(transparent));
    }
  }
}

@mixin panel_button() {
  color: $taskbar_fg_color;
  text-shadow: 1px 1px $dark_shadow;
  background-image: url('../cinnamon/panel.png');
  background-size: 1px 100%;
  background-color: transparent;
  border-radius: 0;
  border: none;

  &:hover {
    border: none;
    background-color: gtkmix($taskbar_bg_color, $taskbar_fg_color, 0.25);
  }
  &:active, &:checked {
    color: $taskbar_fg_color;
    border: none;
    background-color: gtkmix($taskbar_bg_color, $taskbar_fg_color, 0.15);
  }
}

@mixin gnome_flashback() {
  panel-toplevel.background {
    &, menubar {
      /*background-color: $taskbar_bg_color;*/
      color: $taskbar_fg_color;
    }

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

    menubar > menuitem, menubar > menuitem label:backdrop {
      color: $taskbar_fg_color;
    }

    menubar > menuitem:hover, menubar > menuitem:hover label:backdrop {
      color: $selected_fg_color;
    }

    button {
      @include panel_button();
    }
  }

  #tasklist-button {
    @include tasklist_button();
    
    label {
      color: $taskbar_fg_color;
      text-shadow: 1px 1px $dark_shadow;

      &:hover {
        color: $taskbar_fg_color;
      }

      &:checked {
        color: $taskbar_fg_color;
      }
    }
  }

  panel-toplevel.background na-tray-applet {
    -NaTrayApplet-icon-padding: 0;
    -NaTrayApplet-icon-size: 16px;
  }
}

@mixin xfce() {
  .xfce4-panel.panel, .xfce4-panel.background {
    background-color: transparent;
    background-image: url('../cinnamon/panel.png');
    background-size: 1px 100%;
    background-repeat: repeat;

    button.flat, button.sidebar-button {
      @include panel_button();
    }
    
    .tasklist button {
      @include tasklist_button();
    }
  }
  
  #XfceNotifyWindow {
    &.osd {
      background-color: $bg_color;
      color: $fg_color;
      border-radius: $roundness;
      border: none;

      label {
        &#summary {
          font-weight: bold;
        }
      }
      
      button {
        @include normal_buttons($bg_color, $fg_color, $borders);
      }
    }
  }
}

@mixin mate() {
 /***************
 * Mate-Panel *
 ***************/

$panel: #323743;
$panel_fg: #ffffff;
$panel_bg: #323743;
$panel_border: darken($panel_bg, 90%);
$panel_hc: transparentize($panel_fg, 0.7);
$panel_bg_button: mix(rgba(0,0,0,0.3), $panel, 80%);
$panel_menubar_hover: #000000;

panel-toplevel.background,
PanelToplevel > *:not(menu):not(menuitem):not(button):not(menubar) {
	

	border-style: solid;
	border-top-color: $panel_border;
    border-top-width: 1px;
    box-shadow: inset 0 1px $panel_hc,
                inset 0 -1px $panel_hc,
                inset 1px 0 transparentize($panel_fg, 1.0),
                inset -1px 0px transparentize($panel_fg, 1.0);
}

/* first make all transparent */
.mate-panel-menu-bar,
.mate-panel-menu-bar menubar,
.mate-panel-menu-bar menuitem,
#PanelPlug,
#PanelApplet button,
PanelToplevel.background,
#PanelApplet-window-menu-applet-button {
    background-image: none;
    background-color: transparent;
}

.mate-panel-menu-bar menubar:not(menu) > menuitem {
	color: $panel_fg;
}

.mate-panel-menu-bar menubar:not(menu) > menuitem:hover {
	color: $panel_menubar_hover;
}


/* let's start it */
#PanelPlug,
.mate-panel-menu-bar,
PanelToplevel.background {
    background-color: $panel_bg;
    background-image: none;
    /* normal panel */
    /* transparent panel */
/*    color: @theme_selected_fg_color; */
    text-shadow: none;
    box-shadow: inset 0 1px $panel_hc,
                inset 0 -1px $panel_hc,
                inset 1px 0 transparentize($panel_fg, 1.0),
                inset -1px 0px transparentize($panel_fg, 1.0);
}

#PanelApplet {
    border-width: 1px;
  border-style: solid;
}

PanelSeparator {
    border-width: 0;
    background-image: none;
    text-shadow: none;
}

/* all applets */
.mate-panel-menu-bar #PanelApplet button {
    &,
    &.flat,
    &.toggle,
    &.flat.toggle {
    background-image: linear-gradient(to bottom, 
                    #505050, 
                    #3e3e3e 50%, 
                    #252525 50%,
                    #131313);
    
    border-radius: 3px;
    border-width: 1px;
    box-shadow: inset 0 1px $panel_hc, inset 0 -1px $panel_hc, inset 1px 0 $panel_hc, inset -1px 0 $panel_hc;
    border-color: $panel_border;
    text-shadow: none;
    color:$panel_fg;
    }

    &:checked,
    &:checked:hover,
    &:hover:active,
    &.flat:checked,
    &.flat:hover:active,
    &.toggle:checked,
    &.toggle:checked:hover,
    &.toggle:hover:active,
    &.flat.toggle:checked,
    &.flat.toggle:checked:hover,
    &.flat.toggle:hover:active {

    background-image: linear-gradient(to bottom, 
                    #252525, 
                    #131313);
    
    border-radius: 3px;
    border-width: 1px;
    box-shadow: inset 0 1px $panel_hc, inset 0 -1px $panel_hc, inset 1px 0 $panel_hc, inset -1px 0 $panel_hc;
    border-color: $panel_border;
    text-shadow: none;
    color:$panel_fg;
    }


    &:hover,
    &.flat:hover,
    &.toggle:hover,
    &.flat.toggle:hover {
    background-image: linear-gradient(to bottom, 
                    #8f8f8f, 
                    #3e3e3e 50%, 
                    #252525 50%,
                    #2f2f2f);
    border-radius: 3px;
    border-width: 1px;
    box-shadow: inset 0 1px $panel_hc, inset 0 -1px $panel_hc, inset 1px 0 $panel_hc, inset -1px 0 $panel_hc;
    border-color: $panel_border;
    text-shadow: none;
    color:$panel_fg;

    } 
}


/* Classic icon style */
.mate-panel-menu-bar {
    -PanelMenuBar-icon-visible: true;
}

na-tray-applet {
    background-image: none;
    background-color: transparent;
    padding: 0;
    text-shadow: none;
    -NaTrayApplet-icon-padding: 3;
    -NaTrayApplet-icon-size: 16;
}

/* clock-applet */
.mate-panel-menu-bar #PanelApplet #clock-applet-button.flat.toggle {
 &,&:hover {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    box-shadow: none;
}

&:checked,
&:checked:hover {
    background-image: linear-gradient(to bottom, 
                    darken($panel_bg_button, 20%) , 
                    darken($panel_bg_button, 30%) 50%, 
                    darken($panel_bg_button, 60%));
    
    border-radius: 0;
    border-width: 1px;
    box-shadow: inset 0 1px $panel_hc, inset 0 -1px $panel_hc, inset 1px 0 $panel_hc, inset -1px 0 $panel_hc;
    border-color: $panel_border;
    text-shadow: none;
    color:$panel_fg;
}
}

/* volume applet, brightness applet */
.mate-panel-applet-slider {
    background: transparent;
& .frame {
    /*background-color: @theme_bg_color;*/
    border-image: none;
    border-style: solid;
    border-radius:2px;
    padding: 0px;
    margin: 0px;
    }

& .frame .frame{
    background-color:transparent;
    border-style: none;
    }

& .frame .button {
    color: $panel_fg;
   }

}


    .caja-desktop, .caja-navigation-window .view {
      &.entry {
        background-image: none;
        border-radius: $entry_radius;
        box-shadow: none;
        border-color: gtkshade($selected_bg_color, 0.6);
        background-color: $base_color;
      
        &:selected {
          color: $selected_fg_color;
          background-color: $selected_bg_color;
        }
      }
    }
  
  .mintmenu:hover { background-color: gtkshade($taskbar_bg_color, 1.1); }
  .mintmenu:selected {
    color: $selected_fg_color;
    background-color: $selected_bg_color;
  }

  .wnck-pager {
    background-color: gtkalpha(black, 0.04);

    &:selected { background-color: gtkalpha($selected_bg_color, 0.3); }
    &:hover { background-color: gtkalpha($selected_bg_color, 0.2); }
  }
}

@mixin nemo() {
  .nemo-window {
    .nemo-window-pane widget.entry {
      border: 1px solid;
      border-radius: 3px;
      border-color: $selected_bg_color;
      color: $fg_color;
      background-color: $base_color;
        
      &:selected, &:selected:focus {
        color: $selected_fg_color;
        background-color: $selected_bg_color;
      }
    }
  }
}

@mixin unity() {
  UnityDecoration {
    -UnityDecoration-extents: 28px 0 0 0;
    -UnityDecoration-input-extents: 10px;

    -UnityDecoration-shadow-offset-x: 1px;
    -UnityDecoration-shadow-offset-y: 1px;
    -UnityDecoration-active-shadow-color: rgba(0,0,0,0.7);
    -UnityDecoration-active-shadow-radius: 8px;
    -UnityDecoration-inactive-shadow-color: rgba(0,0,0,0.5);
    -UnityDecoration-inactive-shadow-radius: 5px;

    -UnityDecoration-glow-size: 10px;
    -UnityDecoration-glow-color: $selected_bg_color;

    -UnityDecoration-title-indent: 10px;
    -UnityDecoration-title-fade: 35px;
    -UnityDecoration-title-alignment: 0.0;

    .top {
      border: none;
      border-radius: $roundness $roundness 0 0;
      padding: 1px 8px 0 8px;
      background-color: $titlebar_bg_color;
      color: gtkmix($titlebar_fg_color, $titlebar_bg_color, 0.1);
      text-shadow: none;

      &:backdrop {
        background-color: $unfocused_bg_color;
        color: gtkmix($titlebar_fg_color, $titlebar_bg_color, 0.4);
      }
    }

    .left, .right, &.bottom {
      background-color: $titlebar_bg_color;

      &:backdrop {
        background-color: $titlebar_bg_color;
      }
    }

    // new menubar function in unity 7.5
    &.menuitem, .menuitem {
      border-radius: 0;

      &:hover, *:hover {
        background-color: $selected_bg_color;
        color: $selected_fg_color;
      }
    }
  }

  UnityPanelWidget, .unity-panel {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: $taskbar_bg_color;
    background-color: $taskbar_bg_color;
    color: $taskbar_fg_color;

    &.menuitem, .menuitem {
      border-width: 0 1px;
      color: $taskbar_fg_color;
    }
  }

  @keyframes playbackmenuitem_spinner {
    to {
      -gtk-icon-transform: rotate(1turn);
    }
  }

  .menu IdoPlaybackMenuItem.menuitem:active {
    -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
    animation: playbackmenuitem_spinner 1s infinite linear;
    color: $selected_bg_color;
  }
}