diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css index c46c741..a09febf 100755 --- a/gtk-4.0/gtk-dark.css +++ b/gtk-4.0/gtk-dark.css @@ -4154,57 +4154,58 @@ stacksidebar row { /*******************************************************************/ /* PLACESSIDEBAR */ /*******************************************************************/ -placessidebar.sidebar, .nautilus-window .navigation-sidebar { +placessidebar { 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, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row { - margin: 0; - border-radius: 0; + placessidebar row { padding: 1px 11px; } - placessidebar.sidebar row.sidebar-row.sidebar-row label, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row label { - padding-left: 8px; } - 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, .nautilus-window .navigation-sidebar row.sidebar-row:selected label { - color: #81a1c1; } - 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, .nautilus-window .navigation-sidebar row.sidebar-row:selected:hover .sidebar-icon { - color: #ffffff; } - 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, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop .sidebar-icon { - -gtk-icon-shadow: none; } - 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); + placessidebar row.sidebar-row.sidebar-row { + margin: 0; + border-radius: 0; } + placessidebar row.sidebar-row.sidebar-row label { + padding-left: 8px; } + placessidebar row.sidebar-row.sidebar-row .sidebar-icon { + margin-left: -14px; + margin-right: 12px; + padding-left: 14px; + padding-right: 12px; + color: #98abb2; } + placessidebar row.sidebar-row:hover { + background: rgba(0, 0, 0, 0.12); 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, .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), .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, .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, .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, .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.sidebar list, .nautilus-window .navigation-sidebar list { + placessidebar 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 row.sidebar-row:selected label { + color: #81a1c1; } + placessidebar row.sidebar-row:selected:hover { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.24); } + placessidebar row.sidebar-row:selected:hover .sidebar-icon { + color: #ffffff; } + placessidebar 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 row.sidebar-row:selected:backdrop .sidebar-icon { + -gtk-icon-shadow: none; } + placessidebar row.sidebar-row:selected .sidebar-icon { + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); + color: inherit; } + placessidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: #ebcb8b; } + placessidebar row.sidebar-row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #a3be8c, inset 0 -1px #a3be8c; } + placessidebar row.sidebar-row:drop(active):not(:disabled), placessidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar row.sidebar-row:drop(active):not(:disabled) image { + color: #a3be8c; } + placessidebar row.sidebar-row:drop(active):not(:disabled):selected { + background: #a3be8c; } + placessidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar row.sidebar-row:drop(active):not(:disabled):selected image { + color: #fefefe; } + placessidebar list { background-color: transparent; } - placessidebar.sidebar list:backdrop, .nautilus-window .navigation-sidebar list:backdrop { + placessidebar list:backdrop { background-color: transparent; } .bottom-bar { @@ -4733,7 +4734,7 @@ windowcontrols button.close, windowcontrols button.maximize, windowcontrols butt border-color: transparent; } windowcontrols button.close:checked, windowcontrols button.close:hover, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize:checked, windowcontrols button.maximize:hover, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize:checked, windowcontrols button.minimize:hover, windowcontrols button.minimize:backdrop:hover { color: #d8dee9; - border-radius: 4px; + border-radius: 6px; text-shadow: none; box-shadow: none; border: 1px solid #232831; diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css index b890498..f45755f 100755 --- a/gtk-4.0/gtk.css +++ b/gtk-4.0/gtk.css @@ -4154,57 +4154,58 @@ stacksidebar row { /*******************************************************************/ /* PLACESSIDEBAR */ /*******************************************************************/ -placessidebar.sidebar, .nautilus-window .navigation-sidebar { +placessidebar { 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, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row { - margin: 0; - border-radius: 0; + placessidebar row { padding: 1px 11px; } - placessidebar.sidebar row.sidebar-row.sidebar-row label, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row label { - padding-left: 8px; } - 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, .nautilus-window .navigation-sidebar row.sidebar-row:selected label { - color: #81a1c1; } - 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, .nautilus-window .navigation-sidebar row.sidebar-row:selected:hover .sidebar-icon { - color: #ffffff; } - 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, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop .sidebar-icon { - -gtk-icon-shadow: none; } - 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); + placessidebar row.sidebar-row.sidebar-row { + margin: 0; + border-radius: 0; } + placessidebar row.sidebar-row.sidebar-row label { + padding-left: 8px; } + placessidebar row.sidebar-row.sidebar-row .sidebar-icon { + margin-left: -14px; + margin-right: 12px; + padding-left: 14px; + padding-right: 12px; + color: #98abb2; } + placessidebar row.sidebar-row:hover { + background: rgba(0, 0, 0, 0.12); 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, .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), .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, .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, .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, .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.sidebar list, .nautilus-window .navigation-sidebar list { + placessidebar 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 row.sidebar-row:selected label { + color: #81a1c1; } + placessidebar row.sidebar-row:selected:hover { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.24); } + placessidebar row.sidebar-row:selected:hover .sidebar-icon { + color: #ffffff; } + placessidebar 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 row.sidebar-row:selected:backdrop .sidebar-icon { + -gtk-icon-shadow: none; } + placessidebar row.sidebar-row:selected .sidebar-icon { + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); + color: inherit; } + placessidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: #ebcb8b; } + placessidebar row.sidebar-row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #a3be8c, inset 0 -1px #a3be8c; } + placessidebar row.sidebar-row:drop(active):not(:disabled), placessidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar row.sidebar-row:drop(active):not(:disabled) image { + color: #a3be8c; } + placessidebar row.sidebar-row:drop(active):not(:disabled):selected { + background: #a3be8c; } + placessidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar row.sidebar-row:drop(active):not(:disabled):selected image { + color: #fefefe; } + placessidebar list { background-color: transparent; } - placessidebar.sidebar list:backdrop, .nautilus-window .navigation-sidebar list:backdrop { + placessidebar list:backdrop { background-color: transparent; } .bottom-bar { @@ -4733,7 +4734,7 @@ windowcontrols button.close, windowcontrols button.maximize, windowcontrols butt border-color: transparent; } windowcontrols button.close:checked, windowcontrols button.close:hover, windowcontrols button.close:backdrop:hover, windowcontrols button.maximize:checked, windowcontrols button.maximize:hover, windowcontrols button.maximize:backdrop:hover, windowcontrols button.minimize:checked, windowcontrols button.minimize:hover, windowcontrols button.minimize:backdrop:hover { color: #d8dee9; - border-radius: 4px; + border-radius: 6px; text-shadow: none; box-shadow: none; border: 1px solid #232831; diff --git a/gtk-4.0/widgets/_sidebar.scss b/gtk-4.0/widgets/_sidebar.scss index ba6f7f0..de1938e 100644 --- a/gtk-4.0/widgets/_sidebar.scss +++ b/gtk-4.0/widgets/_sidebar.scss @@ -117,7 +117,7 @@ stacksidebar { /* PLACESSIDEBAR */ /*******************************************************************/ -placessidebar.sidebar, .nautilus-window .navigation-sidebar{ +placessidebar { background-color: transparent; background-image:linear-gradient(to right, darken($main_dark_color, 5%) 40px, @@ -125,11 +125,11 @@ placessidebar.sidebar, .nautilus-window .navigation-sidebar{ $_sidebar_color 36px,$_sidebar_color 99%, $_sidebar_color 100%); row{ + padding: 1px 11px; &.sidebar-row { &.sidebar-row{ margin: 0; border-radius: 0; - padding: 1px 11px; label { padding-left: 8px; } .sidebar-icon { margin-left:-14px;