Mate: Improve caja fle manager appearance

gtk-3.0/_apps.scss

@@ -15,4 +15,5 @@
 
 @import 'apps/geary';
 @import 'apps/lightdm';
-@import 'apps/nemo';
+@import 'apps/nemo';
+@import 'apps/caja';

gtk-3.0/apps/_caja.scss

@@ -0,0 +1,79 @@
+.caja-notebook {
+
+    .frame { border-width: 0 0 1px; }
+
+    .entry {
+        background: $bg_color;
+        color: $fg_color;
+        border-color: $borders_color;
+        &:selected {
+            background: $selected_bg_color;
+            color: $selected_fg_color;
+        }
+    }
+}
+  
+  /**************
+  * Caja sidebar *
+  **************/
+  
+.caja-side-pane {
+
+    .frame { border-width: 1px 0 0; }
+
+    background: $headerbar_color;
+    treeview.view,
+    textview.view text,
+    viewport.frame,
+    widget .vertical {
+        background: $_sidebar_color;
+        padding: 3px 2px;
+        color: #98abb2;
+        &:hover {
+        background-color: transparentize(darken($_sidebar_color, 2%), 0.05);
+        }
+        &:selected {
+        color: $selected_fg_color;
+        background:$selected_bg_color;
+        }
+    }
+}
+  
+  /**************
+  * Caja pathbar *
+  **************/
+  
+.caja-navigation-window paned, .caja-navigation-window .primary-toolbar {
+    background: $headerbar_color;
+}
+  
+.caja-navigation-window   {
+
+    .primary-toolbar button,
+    .vertical  button.image-button.toggle:not(.text-button) {
+        &, &:backdrop { @include button(undecorated); }
+        &:hover,
+        &:active,
+        &:backdrop:active,
+        &:backdrop:checked {
+            background: $selected_bg_color;
+            box-shadow: none;
+            &, & label {
+                color: $selected_fg_color;  
+            }
+        }
+    }
+}
+  
+.caja-pathbar button {
+    @include button(normal-header);
+    margin-top: 7px;
+    margin-bottom: 7px;
+    &:hover { color: $selected_bg_color; }
+    &:checked { @include button(active-header); }
+    &:backdrop:disabled {
+        @include button(backdrop-header,$base_color,transparentize($fg_color,0.8));
+    }
+
+}
+  

gtk-3.0/gtk-dark.css

@@ -6429,3 +6429,96 @@ ConversationListView {
       background: #00e8b7;
       box-shadow: 0px 2px 4px rgba(177, 177, 177, 0.753);
       color: white; }
+
+.caja-notebook .frame {
+  border-width: 0 0 1px; }
+
+.caja-notebook .entry {
+  background: #161925;
+  color: #C3C7D1;
+  border-color: rgba(238, 238, 238, 0.1); }
+  .caja-notebook .entry:selected {
+    background: #00D3A7;
+    color: #fefefe; }
+
+/**************
+  * Caja sidebar *
+  **************/
+.caja-side-pane {
+  background: #161925; }
+  .caja-side-pane .frame {
+    border-width: 1px 0 0; }
+  .caja-side-pane treeview.view,
+  .caja-side-pane textview.view text,
+  .caja-side-pane viewport.frame,
+  .caja-side-pane widget .vertical {
+    background: #161925;
+    padding: 3px 2px;
+    color: #98abb2; }
+    .caja-side-pane treeview.view:hover,
+    .caja-side-pane textview.view text:hover,
+    .caja-side-pane viewport.frame:hover,
+    .caja-side-pane widget .vertical:hover {
+      background-color: rgba(18, 21, 31, 0.95); }
+    .caja-side-pane treeview.view:selected,
+    .caja-side-pane textview.view text:selected,
+    .caja-side-pane viewport.frame:selected,
+    .caja-side-pane widget .vertical:selected {
+      color: #fefefe;
+      background: #00D3A7; }
+
+/**************
+  * Caja pathbar *
+  **************/
+.caja-navigation-window paned, .caja-navigation-window .primary-toolbar {
+  background: #161925; }
+
+.caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop,
+.caja-navigation-window .vertical button.image-button.toggle:not(.text-button),
+.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop {
+  background-color: transparent;
+  background-image: none;
+  border-color: transparent;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+  text-shadow: none;
+  -gtk-icon-shadow: none; }
+
+.caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked,
+.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover,
+.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active,
+.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active,
+.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked {
+  background: #00D3A7;
+  box-shadow: none; }
+  .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover label,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active label,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active label,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked label {
+    color: #fefefe; }
+
+.caja-pathbar button {
+  color: #8b8b8b;
+  text-shadow: none;
+  box-shadow: none;
+  background: transparent;
+  border: none;
+  margin-top: 7px;
+  margin-bottom: 7px; }
+  .caja-pathbar button:hover {
+    color: #00D3A7; }
+  .caja-pathbar button:checked {
+    border-radius: 23px;
+    background: #00e8b7;
+    box-shadow: 0px 2px 4px rgba(177, 177, 177, 0.753);
+    color: white; }
+  .caja-pathbar button:backdrop:disabled {
+    color: rgba(195, 199, 209, 0.2);
+    background-color: transparent;
+    border-radius: 0;
+    text-shadow: none;
+    box-shadow: none; }

gtk-3.0/gtk.css

@@ -6454,3 +6454,96 @@ ConversationListView {
       background: #00e8b7;
       box-shadow: 0px 2px 4px rgba(177, 177, 177, 0.753);
       color: white; }
+
+.caja-notebook .frame {
+  border-width: 0 0 1px; }
+
+.caja-notebook .entry {
+  background: #e6e6e6;
+  color: #31363d;
+  border-color: rgba(0, 0, 0, 0.13); }
+  .caja-notebook .entry:selected {
+    background: #00D3A7;
+    color: #fefefe; }
+
+/**************
+  * Caja sidebar *
+  **************/
+.caja-side-pane {
+  background: #fff; }
+  .caja-side-pane .frame {
+    border-width: 1px 0 0; }
+  .caja-side-pane treeview.view,
+  .caja-side-pane textview.view text,
+  .caja-side-pane viewport.frame,
+  .caja-side-pane widget .vertical {
+    background: #222e39;
+    padding: 3px 2px;
+    color: #98abb2; }
+    .caja-side-pane treeview.view:hover,
+    .caja-side-pane textview.view text:hover,
+    .caja-side-pane viewport.frame:hover,
+    .caja-side-pane widget .vertical:hover {
+      background-color: rgba(30, 41, 51, 0.95); }
+    .caja-side-pane treeview.view:selected,
+    .caja-side-pane textview.view text:selected,
+    .caja-side-pane viewport.frame:selected,
+    .caja-side-pane widget .vertical:selected {
+      color: #fefefe;
+      background: #00D3A7; }
+
+/**************
+  * Caja pathbar *
+  **************/
+.caja-navigation-window paned, .caja-navigation-window .primary-toolbar {
+  background: #fff; }
+
+.caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar button:backdrop,
+.caja-navigation-window .vertical button.image-button.toggle:not(.text-button),
+.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop {
+  background-color: transparent;
+  background-image: none;
+  border-color: transparent;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+  text-shadow: none;
+  -gtk-icon-shadow: none; }
+
+.caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked,
+.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover,
+.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active,
+.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active,
+.caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked {
+  background: #00D3A7;
+  box-shadow: none; }
+  .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover label,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active label,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:active label,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked,
+  .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):backdrop:checked label {
+    color: #fefefe; }
+
+.caja-pathbar button {
+  color: #8b8b8b;
+  text-shadow: none;
+  box-shadow: none;
+  background: transparent;
+  border: none;
+  margin-top: 7px;
+  margin-bottom: 7px; }
+  .caja-pathbar button:hover {
+    color: #00D3A7; }
+  .caja-pathbar button:checked {
+    border-radius: 23px;
+    background: #00e8b7;
+    box-shadow: 0px 2px 4px rgba(177, 177, 177, 0.753);
+    color: white; }
+  .caja-pathbar button:backdrop:disabled {
+    color: rgba(49, 54, 61, 0.2);
+    background-color: transparent;
+    border-radius: 0;
+    text-shadow: none;
+    box-shadow: none; }