[nautilus/wip/antoniof/view-item-state-styling: 3/5] Adwaita: Refine view item background state colors




commit d7b03656210d5feb300d5df74db9cd4601306991
Author: António Fernandes <antoniof gnome org>
Date:   Wed Aug 3 10:48:06 2022 +0100

    Adwaita: Refine view item background state colors
    
    Closes https://gitlab.gnome.org/GNOME/nautilus/-/issues/2347

 src/resources/css/Adwaita.css | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)
---
diff --git a/src/resources/css/Adwaita.css b/src/resources/css/Adwaita.css
index ebe53cea2..712916674 100644
--- a/src/resources/css/Adwaita.css
+++ b/src/resources/css/Adwaita.css
@@ -153,7 +153,7 @@
 }
 .nautilus-grid-view #NautilusViewCell {
   padding: 6px;
-  border-radius: 6px;
+  border-radius: 12px;
 }
 
 /* Column view */
@@ -222,6 +222,31 @@
   box-shadow: none;
 }
 
+.nautilus-list-view columnview > listview > row.activatable:hover,
+.nautilus-grid-view gridview > child.activatable:hover {
+  background-color: alpha(currentColor, .04);
+}
+
+.nautilus-list-view columnview > listview > row.activatable:active,
+.nautilus-grid-view gridview > child.activatable:active {
+  background-color: alpha(currentColor, .08);
+}
+
+.nautilus-list-view columnview > listview > row:selected,
+.nautilus-grid-view gridview > child:selected {
+  background-color: alpha(@accent_bg_color, .15);
+}
+
+.nautilus-list-view columnview > listview > row.activatable:selected:hover,
+.nautilus-grid-view gridview > child.activatable:selected:hover {
+  background-color: alpha(@accent_bg_color, .20);
+}
+
+.nautilus-list-view columnview > listview > row.activatable:selected:active,
+.nautilus-grid-view gridview > child.activatable:selected:active {
+  background-color: alpha(@accent_bg_color, .25);
+}
+
 .view .thumbnail {
   background: url('/org/gnome/nautilus/Checkerboard.png') repeat;
   border-radius: 2px;


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]