[nautilus/wip/antoniof/experimental-gtk4-build: 50/52] view-icon-item-ui: Improve visuals

[António Fernandes <antoniof src gnome org>]

commit 3d9e3fd500ff7b697ace0230313633f9bf18f325
Author: António Fernandes <antoniof gnome org>
Date:   Fri Dec 24 04:59:54 2021 +0000

    view-icon-item-ui: Improve visuals

 src/resources/css/Adwaita.css                  | 14 +++++++-------
 src/resources/ui/nautilus-view-icon-item-ui.ui |  6 +++---
 2 files changed, 10 insertions(+), 10 deletions(-)
---
diff --git a/src/resources/css/Adwaita.css b/src/resources/css/Adwaita.css
index 21cf56e11..8bb30bd9b 100644
--- a/src/resources/css/Adwaita.css
+++ b/src/resources/css/Adwaita.css
@@ -209,28 +209,28 @@ flowboxchild {
 
 flowboxchild:selected {
   background-color:transparent;
-  outline-color: transparent;
 }
 
 flowboxchild .thumbnail {
   margin: 4px;
-  box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5),
-              0px 0px 0px 1px alpha(@borders, 0.5),
-              0px 2px 0px 0px alpha(@borders, 0.5);
+  box-shadow: 0px 1px 2px 0px @shade_color,
+              0px 0px 0px 1px @shade_color,
+              0px 2px 0px 0px @shade_color;
   border-radius: 2px;
 }
 
 .icon-ui-labels-box {
   padding: 2px 4px;
-  border-radius: 4px;
+  border-radius: 5px;
 }
 
 flowboxchild:selected .icon-ui-labels-box {
   color: @theme_selected_fg_color;
   background-color: @theme_selected_bg_color;
+  color: @theme_selected_fg_color;
 }
 
-flowboxchild:selected image {
-  -gtk-icon-filter: opacity(0.5);
+flowboxchild:selected picture {
+  -gtk-icon-filter: brightness(0.5);
   -gtk-icon-shadow: 0px 0px @theme_selected_bg_color;
 }
diff --git a/src/resources/ui/nautilus-view-icon-item-ui.ui b/src/resources/ui/nautilus-view-icon-item-ui.ui
index 624a5a178..7ec4eb839 100644
--- a/src/resources/ui/nautilus-view-icon-item-ui.ui
+++ b/src/resources/ui/nautilus-view-icon-item-ui.ui
@@ -57,7 +57,7 @@
                 <property name="wrap-mode">word-char</property>
                 <property name="valign">start</property>
                 <style>
-                  <class name="dim-label"/>
+                  <class name="caption"/>
                 </style>
               </object>
             </child>
@@ -71,7 +71,7 @@
                 <property name="wrap-mode">word-char</property>
                 <property name="valign">start</property>
                 <style>
-                  <class name="dim-label"/>
+                  <class name="caption"/>
                 </style>
               </object>
             </child>
@@ -85,7 +85,7 @@
                 <property name="wrap-mode">word-char</property>
                 <property name="valign">start</property>
                 <style>
-                  <class name="dim-label"/>
+                  <class name="caption"/>
                 </style>
               </object>
             </child>