From 7ab4ba31d290af28a0a5351a47b4bedd3a893def Mon Sep 17 00:00:00 2001
From: EliverLara <eliverlara@gmail.com>
Date: Tue, 20 Apr 2021 16:53:38 -0500
Subject: [PATCH] Mate: Improve caja fle manager appearance

---
 gtk-3.0/apps/_caja.scss | 85 +++++++++++++++++++++++++++++++++++----
 gtk-3.0/gtk-dark.css    | 88 ++++++++++++++++++++++++++++++++++++++++-
 gtk-3.0/gtk.css         | 88 ++++++++++++++++++++++++++++++++++++++++-
 3 files changed, 252 insertions(+), 9 deletions(-)

diff --git a/gtk-3.0/apps/_caja.scss b/gtk-3.0/apps/_caja.scss
index 17965f9..c389303 100644
--- a/gtk-3.0/apps/_caja.scss
+++ b/gtk-3.0/apps/_caja.scss
@@ -1,8 +1,79 @@
-.caja-notebook .entry {
-    background: $bg_color;
-    color: $fg_color;
-    &:selected {
-      background: $selected_bg_color;
-      color: $selected_fg_color;
+.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;
+        }
     }
-}
\ No newline at end of file
+}
+  
+  /**************
+  * 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));
+    }
+
+}
+  
diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
index b55dfb3..f40802b 100755
--- a/gtk-3.0/gtk-dark.css
+++ b/gtk-3.0/gtk-dark.css
@@ -6369,9 +6369,95 @@ ConversationListView {
       color: #f7f7f7;
       text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); }
 
+.caja-notebook .frame {
+  border-width: 0 0 1px; }
+
 .caja-notebook .entry {
   background: #1A1E21;
-  color: #76777A; }
+  color: #76777A;
+  border-color: rgba(12, 14, 21, 0.8); }
   .caja-notebook .entry:selected {
     background: #F67E7D;
     color: #f7f7f7; }
+
+/**************
+  * Caja sidebar *
+  **************/
+.caja-side-pane {
+  background: #1A1E21; }
+  .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: #16191b;
+    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(17, 20, 22, 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: #f7f7f7;
+      background: #F67E7D; }
+
+/**************
+  * Caja pathbar *
+  **************/
+.caja-navigation-window paned, .caja-navigation-window .primary-toolbar {
+  background: #1A1E21; }
+
+.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: #F67E7D;
+  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: #f7f7f7; }
+
+.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: #F67E7D; }
+  .caja-pathbar button:checked {
+    border-radius: 23px;
+    background: linear-gradient(to right, #F67E7D, #E1DD8F);
+    color: #f7f7f7;
+    text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); }
+  .caja-pathbar button:backdrop:disabled {
+    color: rgba(118, 119, 122, 0.2);
+    background-color: transparent;
+    border-radius: 0;
+    text-shadow: none;
+    box-shadow: none; }
diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
index b55dfb3..f40802b 100755
--- a/gtk-3.0/gtk.css
+++ b/gtk-3.0/gtk.css
@@ -6369,9 +6369,95 @@ ConversationListView {
       color: #f7f7f7;
       text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); }
 
+.caja-notebook .frame {
+  border-width: 0 0 1px; }
+
 .caja-notebook .entry {
   background: #1A1E21;
-  color: #76777A; }
+  color: #76777A;
+  border-color: rgba(12, 14, 21, 0.8); }
   .caja-notebook .entry:selected {
     background: #F67E7D;
     color: #f7f7f7; }
+
+/**************
+  * Caja sidebar *
+  **************/
+.caja-side-pane {
+  background: #1A1E21; }
+  .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: #16191b;
+    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(17, 20, 22, 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: #f7f7f7;
+      background: #F67E7D; }
+
+/**************
+  * Caja pathbar *
+  **************/
+.caja-navigation-window paned, .caja-navigation-window .primary-toolbar {
+  background: #1A1E21; }
+
+.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: #F67E7D;
+  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: #f7f7f7; }
+
+.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: #F67E7D; }
+  .caja-pathbar button:checked {
+    border-radius: 23px;
+    background: linear-gradient(to right, #F67E7D, #E1DD8F);
+    color: #f7f7f7;
+    text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); }
+  .caja-pathbar button:backdrop:disabled {
+    color: rgba(118, 119, 122, 0.2);
+    background-color: transparent;
+    border-radius: 0;
+    text-shadow: none;
+    box-shadow: none; }