3.20: dark sidebars style for caja

2 files changed, 28 insertions, 4 deletions

diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss
index 817defb..51e578f 100644
--- a/common/gtk-3.0/3.20/sass/_applications.scss
+++ b/common/gtk-3.0/3.20/sass/_applications.scss
@@ -151,8 +151,9 @@ $disk_space_free: darken($bg_color, 3%);
 //
 .caja-desktop { @extend .nautilus-desktop.nautilus-canvas-item; }
 
-.caja-side-pane .frame,
-.caja-notebook .frame { border-width: 1px 0; }
+.caja-notebook { border-top: 1px solid $borders_color; }
+.caja-side-pane .frame { border-width: 1px 0 0; }
+.caja-notebook .frame { border-width: 0 0 1px; }
 
 //
 // Gedit
diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss
index 27611ce..b154491 100644
--- a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss
+++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss
@@ -104,6 +104,28 @@ filechooser,
   }
 }
 
+.caja-side-pane {
+
+  &,
+  > notebook > stack > widget > box,
+  text,
+  treeview {
+    color: $dark_sidebar_fg;
+    caret-color: $dark_sidebar_fg;
+    background-color: opacify($dark_sidebar_bg, 1);
+  }
+
+  > box button {
+    &:not(:active):not(:checked) { color: $dark_sidebar_fg; }
+    &:hover:not(:active) { @extend %dark_sidebar_button:hover; }
+  }
+
+  .frame { border-color: darken(opacify($dark_sidebar_bg, 1), 5%); }
+
+  scrollbar { @extend %dark_sidebar_scrollbar; }
+  junction { background-color: darken($dark_sidebar_bg, 5%); }
+}
+
 filechooser {
 
   actionbar {
@@ -168,6 +190,8 @@ filechooser {
 
 %dark_sidebar_scrollbar {
 
+  border-color: darken($dark_sidebar_bg, 5%);
+
   &.overlay-indicator:not(.dragging):not(.hovering) slider {
     background-color: lighten($dark_sidebar_fg, 15%);
     border: 1px solid transparentize(black, 0.7);
@@ -184,7 +208,6 @@ filechooser {
     }
   }
   trough {
-    background-color: transparentize(black, 0.8);
-    border: none;
+    background-color: darken($dark_sidebar_bg, 5%);
   }
 }