[nautilus/wip/antoniof/view-item-state-styling: 1/2] Adwaita: Refine view item background state colors
- From: António Fernandes <antoniof src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [nautilus/wip/antoniof/view-item-state-styling: 1/2] Adwaita: Refine view item background state colors
- Date: Thu, 4 Aug 2022 18:05:49 +0000 (UTC)
commit 5d13e23edddfff3af150df0eb055ec585881eff5
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 f2628f3a9..72a80695f 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;
box-shadow: 0px 1px 2px 0px @shade_color,
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]