Mate: Improve caja fle manager appearance

This commit is contained in:
EliverLara
2021-04-20 16:53:38 -05:00
parent 049a12bb78
commit 7ab4ba31d2
3 changed files with 252 additions and 9 deletions

View File

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

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

View File

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