PoliEcho/kaliish-orange-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GTK3: Custom placessidebar for Nautilus

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2020-06-02 13:00:38 +02:00
parent 4565e29f5f
commit ffc1155d5b
5 changed files with 234 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
share/themes/Kali-Dark/gtk-3.0/gtk.css
View File

@ -4568,7 +4568,8 @@ headerbar.selection-mode button.titlebutton,
.titlebar.selection-mode button.titlebutton:backdrop {
-gtk-icon-shadow: none; }
.view:selected:focus, .view:selected,
filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.view text:selected:focus,
textview text:selected:focus,
.view text:selected,
@ -4578,7 +4579,8 @@ textview text selection, iconview:selected:focus, iconview:selected, iconview te
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
background-color: #2777ff; }
label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected,
label:selected, .selection-mode button.titlebutton, filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.view text:selected:focus,
textview text:selected:focus,
.view text:selected,
@ -4588,7 +4590,8 @@ entry selection, modelbutton.flat:selected,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
color: #ffffff; }
label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected,
label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected,
textview text:disabled:selected:focus,
.view text:disabled:selected,
textview text:disabled:selected, .view text selection:disabled,
@ -4597,7 +4600,8 @@ entry selection, modelbutton.flat:selected,
entry selection:disabled, modelbutton.flat:disabled:selected,
.menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected {
color: #93bbff; }
label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected,
label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, filechooser placessidebar.sidebar row.sidebar-row:backdrop:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop:selected, .view:backdrop:selected,
textview text:backdrop:selected:focus,
.view text:backdrop:selected,
textview text:backdrop:selected, .view text selection:backdrop,
@ -4606,7 +4610,8 @@ entry selection, modelbutton.flat:selected,
entry selection:backdrop, modelbutton.flat:backdrop:selected,
.menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected {
color: #d4d5d7; }
label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected,
label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, filechooser placessidebar.sidebar row.sidebar-row:backdrop:disabled:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop:disabled:selected, .view:backdrop:disabled:selected,
.view text:backdrop:disabled:selected,
textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled,
textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected,
@ -5090,6 +5095,18 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
messagedialog .titlebar:backdrop {
background-image: none; }
/***********
* Sidebar *
***********/
.sidebar {
background-color: #23252e; }
/****************
* File chooser *
****************/
placessidebar row {
min-height: 30px; }
/**********************
* Window Decorations *
*********************/
@ -5129,6 +5146,42 @@ button.titlebutton:backdrop {
@define-color disk_space_unknown #383c4a;
@define-color disk_space_used #2777ff;
@define-color disk_space_free white;
filechooser placessidebar.sidebar,
.nautilus-window placessidebar.sidebar {
box-shadow: inset 0 8px 4px -8px rgba(0, 0, 0, 0.3); }
filechooser placessidebar.sidebar:dir(ltr),
.nautilus-window placessidebar.sidebar:dir(ltr) {
background-image: linear-gradient(to right, #1a1c23 41px, #23252e 0); }
filechooser placessidebar.sidebar:dir(rtl),
.nautilus-window placessidebar.sidebar:dir(rtl) {
background-image: linear-gradient(to left, #1a1c23 41px, #23252e 0); }
filechooser placessidebar.sidebar:backdrop,
.nautilus-window placessidebar.sidebar:backdrop {
box-shadow: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected {
margin-left: 6px;
margin-right: 6px;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(39, 119, 255, 0.5); }
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr),
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) {
background-image: linear-gradient(to right, #005af3 35px, transparent 0); }
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl),
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) {
background-image: linear-gradient(to left, #005af3 35px, transparent 0); }
filechooser placessidebar.sidebar row.sidebar-row:selected revealer,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer {
padding-left: 8px;
padding-right: 8px; }
filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label {
color: white; }
filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon {
padding-right: 20px; }
/* XFCE4 PANEL */
.xfce4-panel.background {
background: rgba(35, 37, 46, 0.8); }

63
share/themes/Kali-Light/gtk-3.0/gtk-dark.css
View File

@ -4568,7 +4568,8 @@ headerbar.selection-mode button.titlebutton,
.titlebar.selection-mode button.titlebutton:backdrop {
-gtk-icon-shadow: none; }
.view:selected:focus, .view:selected,
filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.view text:selected:focus,
textview text:selected:focus,
.view text:selected,
@ -4578,7 +4579,8 @@ textview text selection, iconview:selected:focus, iconview:selected, iconview te
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
background-color: #2777ff; }
label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected,
label:selected, .selection-mode button.titlebutton, filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.view text:selected:focus,
textview text:selected:focus,
.view text:selected,
@ -4588,7 +4590,8 @@ entry selection, modelbutton.flat:selected,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
color: #ffffff; }
label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected,
label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected,
textview text:disabled:selected:focus,
.view text:disabled:selected,
textview text:disabled:selected, .view text selection:disabled,
@ -4597,7 +4600,8 @@ entry selection, modelbutton.flat:selected,
entry selection:disabled, modelbutton.flat:disabled:selected,
.menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected {
color: #93bbff; }
label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected,
label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, filechooser placessidebar.sidebar row.sidebar-row:backdrop:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop:selected, .view:backdrop:selected,
textview text:backdrop:selected:focus,
.view text:backdrop:selected,
textview text:backdrop:selected, .view text selection:backdrop,
@ -4606,7 +4610,8 @@ entry selection, modelbutton.flat:selected,
entry selection:backdrop, modelbutton.flat:backdrop:selected,
.menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected {
color: #d4d5d7; }
label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected,
label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, filechooser placessidebar.sidebar row.sidebar-row:backdrop:disabled:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop:disabled:selected, .view:backdrop:disabled:selected,
.view text:backdrop:disabled:selected,
textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled,
textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected,
@ -5090,6 +5095,18 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
messagedialog .titlebar:backdrop {
background-image: none; }
/***********
* Sidebar *
***********/
.sidebar {
background-color: #23252e; }
/****************
* File chooser *
****************/
placessidebar row {
min-height: 30px; }
/**********************
* Window Decorations *
*********************/
@ -5129,6 +5146,42 @@ button.titlebutton:backdrop {
@define-color disk_space_unknown #383c4a;
@define-color disk_space_used #2777ff;
@define-color disk_space_free white;
filechooser placessidebar.sidebar,
.nautilus-window placessidebar.sidebar {
box-shadow: inset 0 8px 4px -8px rgba(0, 0, 0, 0.3); }
filechooser placessidebar.sidebar:dir(ltr),
.nautilus-window placessidebar.sidebar:dir(ltr) {
background-image: linear-gradient(to right, #1a1c23 41px, #23252e 0); }
filechooser placessidebar.sidebar:dir(rtl),
.nautilus-window placessidebar.sidebar:dir(rtl) {
background-image: linear-gradient(to left, #1a1c23 41px, #23252e 0); }
filechooser placessidebar.sidebar:backdrop,
.nautilus-window placessidebar.sidebar:backdrop {
box-shadow: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected {
margin-left: 6px;
margin-right: 6px;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(39, 119, 255, 0.5); }
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr),
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) {
background-image: linear-gradient(to right, #005af3 35px, transparent 0); }
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl),
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) {
background-image: linear-gradient(to left, #005af3 35px, transparent 0); }
filechooser placessidebar.sidebar row.sidebar-row:selected revealer,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer {
padding-left: 8px;
padding-right: 8px; }
filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label {
color: white; }
filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon {
padding-right: 20px; }
/* XFCE4 PANEL */
.xfce4-panel.background {
background: rgba(35, 37, 46, 0.8); }

63
share/themes/Kali-Light/gtk-3.0/gtk.css
View File

@ -4590,7 +4590,8 @@ headerbar.selection-mode button.titlebutton,
.titlebar.selection-mode button.titlebutton:backdrop {
-gtk-icon-shadow: none; }
.view:selected:focus, .view:selected,
filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.view text:selected:focus,
textview text:selected:focus,
.view text:selected,
@ -4600,7 +4601,8 @@ textview text selection, iconview:selected:focus, iconview:selected, iconview te
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
background-color: #2777ff; }
label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected,
label:selected, .selection-mode button.titlebutton, filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
.view text:selected:focus,
textview text:selected:focus,
.view text:selected,
@ -4610,7 +4612,8 @@ entry selection, modelbutton.flat:selected,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
color: #ffffff; }
label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected,
label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected,
textview text:disabled:selected:focus,
.view text:disabled:selected,
textview text:disabled:selected, .view text selection:disabled,
@ -4619,7 +4622,8 @@ entry selection, modelbutton.flat:selected,
entry selection:disabled, modelbutton.flat:disabled:selected,
.menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected {
color: #93bbff; }
label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected,
label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, filechooser placessidebar.sidebar row.sidebar-row:backdrop:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop:selected, .view:backdrop:selected,
textview text:backdrop:selected:focus,
.view text:backdrop:selected,
textview text:backdrop:selected, .view text selection:backdrop,
@ -4628,7 +4632,8 @@ entry selection, modelbutton.flat:selected,
entry selection:backdrop, modelbutton.flat:backdrop:selected,
.menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected {
color: #f7f7f7; }
label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected,
label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, filechooser placessidebar.sidebar row.sidebar-row:backdrop:disabled:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop:disabled:selected, .view:backdrop:disabled:selected,
.view text:backdrop:disabled:selected,
textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled,
textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected,
@ -5112,6 +5117,18 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
messagedialog .titlebar:backdrop {
background-image: none; }
/***********
* Sidebar *
***********/
.sidebar {
background-color: #ffffff; }
/****************
* File chooser *
****************/
placessidebar row {
min-height: 30px; }
/**********************
* Window Decorations *
*********************/
@ -5151,6 +5168,42 @@ button.titlebutton:backdrop {
@define-color disk_space_unknown #383c4a;
@define-color disk_space_used #2777ff;
@define-color disk_space_free white;
filechooser placessidebar.sidebar,
.nautilus-window placessidebar.sidebar {
box-shadow: inset 0 8px 4px -8px rgba(0, 0, 0, 0.3); }
filechooser placessidebar.sidebar:dir(ltr),
.nautilus-window placessidebar.sidebar:dir(ltr) {
background-image: linear-gradient(to right, whitesmoke 41px, #ffffff 0); }
filechooser placessidebar.sidebar:dir(rtl),
.nautilus-window placessidebar.sidebar:dir(rtl) {
background-image: linear-gradient(to left, whitesmoke 41px, #ffffff 0); }
filechooser placessidebar.sidebar:backdrop,
.nautilus-window placessidebar.sidebar:backdrop {
box-shadow: none; }
filechooser placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected {
margin-left: 6px;
margin-right: 6px;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(39, 119, 255, 0.5); }
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr),
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) {
background-image: linear-gradient(to right, #005af3 35px, transparent 0); }
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl),
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) {
background-image: linear-gradient(to left, #005af3 35px, transparent 0); }
filechooser placessidebar.sidebar row.sidebar-row:selected revealer,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer {
padding-left: 8px;
padding-right: 8px; }
filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label {
color: white; }
filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon {
padding-right: 20px; }
/* XFCE4 PANEL */
.xfce4-panel.background {
background: rgba(255, 255, 255, 0.9); }

43
src/themes/Kali/sass/gtk-sass/_applications.scss
View File

@ -7,6 +7,49 @@ $panel_bg : transparentize($bg_color, if($variant=='light', .1, .2));
@define-color disk_space_used #{"" +$selected_bg_color};
@define-color disk_space_free white;
filechooser,
.nautilus-window {
placessidebar.sidebar {
box-shadow: inset 0 8px 4px -8px transparentize(black, .7);
&:dir(ltr) {
background-image: linear-gradient(to right, darken($bg_color, 4%) 41px, $bg_color 0);
}
&:dir(rtl) {
background-image: linear-gradient(to left, darken($bg_color, 4%) 41px, $bg_color 0);
}
&:backdrop { box-shadow: none; }
row.sidebar-row {
&:selected {
@extend %selected_items;
margin-left: 6px;
margin-right: 6px;
border-radius: $button_radius;
box-shadow: 0 2px 4px transparentize($selected_bg_color, .5);
&:dir(ltr) {
background-image: linear-gradient(to right, darken($selected_bg_color, 10%) 35px, transparent 0);
}
&:dir(rtl) {
background-image: linear-gradient(to left, darken($selected_bg_color, 10%) 35px, transparent 0);
}
revealer {
padding-left: 8px;
padding-right: 8px;
.sidebar-icon, .sidebar-label { color: white; }
}
}
.sidebar-icon { padding-right: 20px; }
}
}
}
/* XFCE4 PANEL */
.xfce4-panel {
&.background { background: $panel_bg; }

17
src/themes/Kali/sass/gtk-sass/_common-tweaks.scss
View File

@ -259,6 +259,23 @@ infobar {
***********/
messagedialog .titlebar:backdrop { background-image: none; }
/***********
* Sidebar *
***********/
.sidebar {
background-color: $bg_color;
}
/****************
* File chooser *
****************/
placessidebar {
row {
min-height: 30px;
}
}
/**********************
* Window Decorations *
*********************/