starred/Nordic
1
0
Fork 0
mirror of https://github.com/EliverLara/Nordic.git synced 2026-09-27 01:20:57 -04:00
Code Issues Packages Projects Releases Wiki Activity

Gnome 47: Update sidebar appearance to fix issues in filechooser dialog

Browse Source
This commit is contained in:
EliverLara
2024-11-15 15:26:43 -06:00
parent bae56c3dbe
commit cb79022b54
3 changed files with 98 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gtk-4.0/gtk-dark.css
+48 -47
View File
@@ -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;
gtk-4.0/gtk.css
+48 -47
View File
@@ -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;
gtk-4.0/widgets/_sidebar.scss
+2 -2
View File
@@ -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;