Mate: Improve caja fle manager appearance

This commit is contained in:
EliverLara
2021-04-20 16:53:38 -05:00
parent 095ba407ca
commit 1ec33bcbe1
4 changed files with 267 additions and 1 deletions

View File

@@ -16,3 +16,4 @@
@import 'apps/geary';
@import 'apps/lightdm';
@import 'apps/nemo';
@import 'apps/caja';

79
gtk-3.0/apps/_caja.scss Normal file
View File

@@ -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));
}
}

View File

@@ -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; }

View File

@@ -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; }