Port UI to GTK 4 (close #85)

data/gtk.css

@@ -1,8 +1,20 @@
-.bg-texture {
+#content_stack {
     box-shadow:inset 4px 4px 10px rgba(0,0,0,0.3);
     background-image:url('noise-texture.png');
 }
 
+#port_spinner {
+    background:none;
+    margin-top:-13px;
+}
+#port_spinner text {
+    padding-left: 0;
+}
+
+#server_stack_sidebar {
+    background-color:alpha(@theme_bg_color, 1);
+}
+
 .no-bg {
     background:none;
 }
@@ -18,13 +30,17 @@
     font-weight:bold;
 }
 
-revealer.sidebar > * {
-    background-color:alpha(@theme_bg_color, 0.8);
-    box-shadow:0 0 10px @theme_bg_color;
-    margin-left:20px
+window.fullscreen #cover_box {
+    background: black;
 }
 
-revealer.sidebar scale mark indicator {
+#cover_info_revealer {
+    background-color:alpha(@theme_bg_color, 0.8);
+    box-shadow:0 0 10px @theme_bg_color;
+    margin-left:20px;
+}
+
+#cover_info_revealer scale mark indicator {
     margin-right:5px;
 }
 
@@ -32,24 +48,13 @@ actionbar {
     background-color:@theme_unfocused_bg_color;
 }
 
-/* Icon View in regular mode */
-iconview.view:selected,
-iconview.view:selected:focus {
-    background-color:@theme_selected_bg_color;
+gridview child {
+    padding: 1px;
 }
-iconview.view:hover {
-    -gtk-icon-effect:highlight;
+gridview.selection child {
+    opacity: 0.5;
 }
-
-/* Icon View in selection mode */
-iconview.view.selection {
-    -gtk-icon-effect:dim;
-}
-iconview.view.selection:selected,
-iconview.view.selection:selected:focus {
-    background-color:@theme_selected_bg_color;
-    -gtk-icon-effect:highlight;
-}
-iconview.view.selection:hover {
-    -gtk-icon-effect:none;
+gridview.selection child:hover,
+gridview.selection child:selected {
+    opacity: 1;
 }