diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css index 37f3d29..943fd9e 100755 --- a/gtk-4.0/gtk-dark.css +++ b/gtk-4.0/gtk-dark.css @@ -3912,58 +3912,55 @@ stacksidebar row { /*******************************************************************/ /* PLACESSIDEBAR */ /*******************************************************************/ -placessidebar.sidebar { +placessidebar.sidebar, .nautilus-window .navigation-sidebar { background-color: transparent; background-image: linear-gradient(to right, #232831 40px, #2e3440 35px, #2e3440 36px, #2e3440 36px, #2e3440 99%, #2e3440 100%); } - placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon { - margin-left: -14px; - margin-right: 12px; - padding-left: 14px; - padding-right: 12px; - color: #98abb2; } - placessidebar.sidebar row.sidebar-row:hover { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: rgba(0, 0, 0, 0.76); - background-color: transparent; - /*rgba(65,67,75,0.4); */ - background-image: linear-gradient(to right, rgba(65, 67, 75, 0) 40px, rgba(0, 0, 0, 0.12) 40px, rgba(0, 0, 0, 0.12) 97%); } - placessidebar.sidebar row.sidebar-row:active:hover { - color: rgba(0, 0, 0, 0.76); - background-color: rgba(0, 0, 0, 0.23); } - placessidebar.sidebar row.sidebar-row:selected { + placessidebar.sidebar row.sidebar-row.sidebar-row, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row { + margin: 0; + border-radius: 0; } + placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row .sidebar-icon { + margin-left: -14px; + margin-right: 12px; + padding-left: 14px; + padding-right: 12px; + color: #98abb2; } + placessidebar.sidebar row.sidebar-row:hover, .nautilus-window .navigation-sidebar row.sidebar-row:hover { + background: rgba(0, 0, 0, 0.12); + color: inherit; } + placessidebar.sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected { color: #fff; background-color: transparent; background-image: linear-gradient(to right, rgba(129, 161, 193, 0.7) 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } - placessidebar.sidebar row.sidebar-row:selected label { + placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window .navigation-sidebar row.sidebar-row:selected label { color: #81a1c1; } - placessidebar.sidebar row.sidebar-row:selected:hover { + placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window .navigation-sidebar row.sidebar-row:selected:hover { color: #ffffff; background-color: rgba(0, 0, 0, 0.24); } - placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon { + placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected:hover .sidebar-icon { color: #ffffff; } - placessidebar.sidebar row.sidebar-row:selected:backdrop { + placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop { color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(to right, #81a1c1 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } - placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon { + placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop .sidebar-icon { -gtk-icon-shadow: none; } - placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { + placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected .sidebar-icon { -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); color: inherit; } - placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row label, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { color: #ebcb8b; } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) { box-shadow: inset 0 1px #a3be8c, inset 0 -1px #a3be8c; } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) image { color: #a3be8c; } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected { background: #a3be8c; } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected image { color: #fefefe; } -placessidebar list { - background-color: transparent; } - placessidebar list:backdrop { + placessidebar.sidebar list, .nautilus-window .navigation-sidebar list { background-color: transparent; } + placessidebar.sidebar list:backdrop, .nautilus-window .navigation-sidebar list:backdrop { + background-color: transparent; } /***************** * GtkSpinButton * diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css index 2e38fde..07a5bf8 100755 --- a/gtk-4.0/gtk.css +++ b/gtk-4.0/gtk.css @@ -3912,58 +3912,55 @@ stacksidebar row { /*******************************************************************/ /* PLACESSIDEBAR */ /*******************************************************************/ -placessidebar.sidebar { +placessidebar.sidebar, .nautilus-window .navigation-sidebar { background-color: transparent; background-image: linear-gradient(to right, #232831 40px, #2e3440 35px, #2e3440 36px, #2e3440 36px, #2e3440 99%, #2e3440 100%); } - placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon { - margin-left: -14px; - margin-right: 12px; - padding-left: 14px; - padding-right: 12px; - color: #98abb2; } - placessidebar.sidebar row.sidebar-row:hover { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: rgba(0, 0, 0, 0.76); - background-color: transparent; - /*rgba(65,67,75,0.4); */ - background-image: linear-gradient(to right, rgba(65, 67, 75, 0) 40px, rgba(0, 0, 0, 0.12) 40px, rgba(0, 0, 0, 0.12) 97%); } - placessidebar.sidebar row.sidebar-row:active:hover { - color: rgba(0, 0, 0, 0.76); - background-color: rgba(0, 0, 0, 0.23); } - placessidebar.sidebar row.sidebar-row:selected { + placessidebar.sidebar row.sidebar-row.sidebar-row, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row { + margin: 0; + border-radius: 0; } + placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row .sidebar-icon { + margin-left: -14px; + margin-right: 12px; + padding-left: 14px; + padding-right: 12px; + color: #98abb2; } + placessidebar.sidebar row.sidebar-row:hover, .nautilus-window .navigation-sidebar row.sidebar-row:hover { + background: rgba(0, 0, 0, 0.12); + color: inherit; } + placessidebar.sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected { color: #fff; background-color: transparent; background-image: linear-gradient(to right, rgba(129, 161, 193, 0.7) 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } - placessidebar.sidebar row.sidebar-row:selected label { + placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window .navigation-sidebar row.sidebar-row:selected label { color: #81a1c1; } - placessidebar.sidebar row.sidebar-row:selected:hover { + placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window .navigation-sidebar row.sidebar-row:selected:hover { color: #ffffff; background-color: rgba(0, 0, 0, 0.24); } - placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon { + placessidebar.sidebar row.sidebar-row:selected:hover .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected:hover .sidebar-icon { color: #ffffff; } - placessidebar.sidebar row.sidebar-row:selected:backdrop { + placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop { color: rgba(0, 0, 0, 0.54); background-color: transparent; background-image: linear-gradient(to right, #81a1c1 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } - placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon { + placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop .sidebar-icon { -gtk-icon-shadow: none; } - placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { + placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected .sidebar-icon { -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); color: inherit; } - placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row label, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { color: #ebcb8b; } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) { box-shadow: inset 0 1px #a3be8c, inset 0 -1px #a3be8c; } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) image { color: #a3be8c; } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected { background: #a3be8c; } - placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image { + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected image { color: #fefefe; } -placessidebar list { - background-color: transparent; } - placessidebar list:backdrop { + placessidebar.sidebar list, .nautilus-window .navigation-sidebar list { background-color: transparent; } + placessidebar.sidebar list:backdrop, .nautilus-window .navigation-sidebar list:backdrop { + background-color: transparent; } /***************** * GtkSpinButton * diff --git a/gtk-4.0/widgets/_sidebar.scss b/gtk-4.0/widgets/_sidebar.scss index af58907..f7f6a58 100644 --- a/gtk-4.0/widgets/_sidebar.scss +++ b/gtk-4.0/widgets/_sidebar.scss @@ -117,8 +117,8 @@ stacksidebar { /* PLACESSIDEBAR */ /*******************************************************************/ -placessidebar{ - &.sidebar{ +placessidebar.sidebar, .nautilus-window .navigation-sidebar{ + background-color: transparent; background-image:linear-gradient(to right, darken($main_dark_color, 5%) 40px, $_sidebar_color 35px,$_sidebar_color 36px, @@ -127,6 +127,8 @@ placessidebar{ row{ &.sidebar-row { &.sidebar-row{ + margin: 0; + border-radius: 0; .sidebar-icon { margin-left:-14px; margin-right: 12px; @@ -136,17 +138,8 @@ placessidebar{ } } &:hover{ - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: rgba(0,0,0,0.76); - background-color: transparent; /*rgba(65,67,75,0.4); */ - background-image:linear-gradient(to right, rgba(65,67,75,0) 40px, rgba(0,0,0,0.12) 40px,rgba(0,0,0,0.12) 97%); - } - - &:active{ - &:hover{ - color: rgba(0,0,0,0.76); - background-color: rgba(0,0,0,0.23); - } + background: rgba(0,0,0,0.12); + color: inherit; } &:selected{ @@ -200,7 +193,7 @@ placessidebar{ } } } - } + list{ background-color: transparent; &:backdrop { background-color: transparent; }