From 4789e40f4e895b46b7c33049f9da437f923a6d5a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Ruiz=20de=20Alegr=C3=ADa?= Date: Tue, 7 Jul 2020 16:04:36 +0200 Subject: [PATCH] GTK3: Improve nautilus floating-bar design --- share/themes/Kali-Dark/gtk-3.0/gtk.css | 19 ++++++++++++- share/themes/Kali-Light/gtk-3.0/gtk-dark.css | 19 ++++++++++++- share/themes/Kali-Light/gtk-3.0/gtk.css | 19 ++++++++++++- .../Kali/sass/gtk-sass/_applications.scss | 27 ++++++++++++++++++- 4 files changed, 80 insertions(+), 4 deletions(-) diff --git a/share/themes/Kali-Dark/gtk-3.0/gtk.css b/share/themes/Kali-Dark/gtk-3.0/gtk.css index c1c74476..226a8ba4 100644 --- a/share/themes/Kali-Dark/gtk-3.0/gtk.css +++ b/share/themes/Kali-Dark/gtk-3.0/gtk.css @@ -5193,7 +5193,11 @@ filechooser placessidebar.sidebar, margin-left: 6px; margin-right: 6px; border-radius: 5px; - box-shadow: 0 2px 4px rgba(39, 119, 255, 0.5); } + box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); + transition: box-shadow 200ms ease-out; } + filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { + box-shadow: none; } 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); } @@ -5212,6 +5216,19 @@ filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { padding-right: 20px; } +.floating-bar { + background-color: #2777ff; + border-color: #00348d; + margin: 10px; + box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); + transition: background-color 200ms ease-out; } + .floating-bar:backdrop { + box-shadow: none; + border-color: #0d0e11; } + .floating-bar.bottom.left, .floating-bar.bottom.right { + border-radius: 5px; + border-style: solid; } + /* XFCE4 PANEL */ .xfce4-panel.background { background: rgba(35, 37, 46, 0.8); } diff --git a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css index c1c74476..226a8ba4 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk-dark.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk-dark.css @@ -5193,7 +5193,11 @@ filechooser placessidebar.sidebar, margin-left: 6px; margin-right: 6px; border-radius: 5px; - box-shadow: 0 2px 4px rgba(39, 119, 255, 0.5); } + box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); + transition: box-shadow 200ms ease-out; } + filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { + box-shadow: none; } 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); } @@ -5212,6 +5216,19 @@ filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { padding-right: 20px; } +.floating-bar { + background-color: #2777ff; + border-color: #00348d; + margin: 10px; + box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); + transition: background-color 200ms ease-out; } + .floating-bar:backdrop { + box-shadow: none; + border-color: #0d0e11; } + .floating-bar.bottom.left, .floating-bar.bottom.right { + border-radius: 5px; + border-style: solid; } + /* XFCE4 PANEL */ .xfce4-panel.background { background: rgba(35, 37, 46, 0.8); } diff --git a/share/themes/Kali-Light/gtk-3.0/gtk.css b/share/themes/Kali-Light/gtk-3.0/gtk.css index 96cc1426..9eb2c7a5 100644 --- a/share/themes/Kali-Light/gtk-3.0/gtk.css +++ b/share/themes/Kali-Light/gtk-3.0/gtk.css @@ -5214,7 +5214,11 @@ filechooser placessidebar.sidebar, margin-left: 6px; margin-right: 6px; border-radius: 5px; - box-shadow: 0 2px 4px rgba(39, 119, 255, 0.5); } + box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); + transition: box-shadow 200ms ease-out; } + filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, + .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { + box-shadow: none; } 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); } @@ -5233,6 +5237,19 @@ filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { padding-right: 20px; } +.floating-bar { + background-color: #2777ff; + border-color: #0051da; + margin: 10px; + box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5); + transition: background-color 200ms ease-out; } + .floating-bar:backdrop { + box-shadow: none; + border-color: #d9d9d9; } + .floating-bar.bottom.left, .floating-bar.bottom.right { + border-radius: 5px; + border-style: solid; } + /* XFCE4 PANEL */ .xfce4-panel.background { background: rgba(255, 255, 255, 0.9); } diff --git a/src/themes/Kali/sass/gtk-sass/_applications.scss b/src/themes/Kali/sass/gtk-sass/_applications.scss index ca29807a..8c70b5e0 100644 --- a/src/themes/Kali/sass/gtk-sass/_applications.scss +++ b/src/themes/Kali/sass/gtk-sass/_applications.scss @@ -7,6 +7,8 @@ $panel_bg : transparentize($bg_color, if($variant=='light', .1, .2)); @define-color disk_space_used #{"" +$selected_bg_color}; @define-color disk_space_free white; + +$_glow_shadow: 0 1px 4px transparentize($selected_bg_color, .5); filechooser, .nautilus-window { placessidebar.sidebar { @@ -28,7 +30,10 @@ filechooser, margin-left: 6px; margin-right: 6px; border-radius: $button_radius; - box-shadow: 0 2px 4px transparentize($selected_bg_color, .5); + box-shadow: $_glow_shadow; + transition: box-shadow $backdrop_transition; + + &:backdrop { box-shadow: none; } &:dir(ltr) { background-image: linear-gradient(to right, darken($selected_bg_color, 10%) 35px, transparent 0); @@ -50,6 +55,26 @@ filechooser, } } +.floating-bar { + background-color: $selected_bg_color; + border-color: $selected_borders_color; + margin: 10px; + box-shadow: $_glow_shadow; + transition: background-color $backdrop_transition; + + &:backdrop { + box-shadow: none; + border-color: $borders_color; + } + + &.bottom { + &.left, &.right{ + border-radius: $button_radius; + border-style: solid; + } + } +} + /* XFCE4 PANEL */ .xfce4-panel { &.background { background: $panel_bg; }