Mate: Improve caja fle manager appearance

gtk-3.0/apps/_caja.scss

@@ -1,8 +1,79 @@
-.caja-notebook .entry {
+.caja-notebook {
-    background: $bg_color;
+
-    color: $fg_color;
+    .frame { border-width: 0 0 1px; }
-    &:selected {
+
-      background: $selected_bg_color;
+    .entry {
-      color: $selected_fg_color;
+        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

@@ -6365,9 +6365,95 @@ ConversationListView {
       box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
       color: white; }
 
+.caja-notebook .frame {
+  border-width: 0 0 1px; }
+
 .caja-notebook .entry {
   background: #161925;
-  color: #C3C7D1; }
+  color: #C3C7D1;
+  border-color: rgba(12, 14, 21, 0.8); }
   .caja-notebook .entry:selected {
     background: #c50ed2;
     color: #fefefe; }
+
+/**************
+  * Caja sidebar *
+  **************/
+.caja-side-pane {
+  background: #0c0e14; }
+  .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: #c50ed2; }
+
+/**************
+  * Caja pathbar *
+  **************/
+.caja-navigation-window paned, .caja-navigation-window .primary-toolbar {
+  background: #0c0e14; }
+
+.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: #c50ed2;
+  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: #c50ed2; }
+  .caja-pathbar button:checked {
+    border-radius: 23px;
+    background: linear-gradient(to right, #c50ed2, #8500f7);
+    box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
+    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

@@ -6365,9 +6365,95 @@ ConversationListView {
       box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
       color: white; }
 
+.caja-notebook .frame {
+  border-width: 0 0 1px; }
+
 .caja-notebook .entry {
   background: #161925;
-  color: #C3C7D1; }
+  color: #C3C7D1;
+  border-color: rgba(12, 14, 21, 0.8); }
   .caja-notebook .entry:selected {
     background: #c50ed2;
     color: #fefefe; }
+
+/**************
+  * Caja sidebar *
+  **************/
+.caja-side-pane {
+  background: #0c0e14; }
+  .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: #c50ed2; }
+
+/**************
+  * Caja pathbar *
+  **************/
+.caja-navigation-window paned, .caja-navigation-window .primary-toolbar {
+  background: #0c0e14; }
+
+.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: #c50ed2;
+  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: #c50ed2; }
+  .caja-pathbar button:checked {
+    border-radius: 23px;
+    background: linear-gradient(to right, #c50ed2, #8500f7);
+    box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98);
+    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; }