libsysprof-ui: land new UI design

This comprises a massive rewrite of the UI for browsing captures. We use
the SysprofAid class to scan capture files for content and then auto-
matically add visualizers and details pages.

To avoid breaking things incrementally, we just land this as a very large
commit. Not necessarily ideal, but given the amount of stuff that could
break, this is easier.

As part of this process, we're removing a lot of the surface API so that
we can limit how much we need to maintain in terms of ABI.

src/libsysprof-ui/css/SysprofDisplay-shared.css

@@ -0,0 +1,89 @@
+SysprofDisplay dzlmultipaned {
+  -DzlMultiPaned-handle-size: 0;
+  }
+
+SysprofVisualizer {
+  background: @content_view_bg;
+  }
+SysprofVisualizer:not(:last-child) {
+  border-bottom: 1px solid alpha(@borders, 0.3);
+  }
+
+SysprofVisualizerGroup {
+  border-bottom: 1px solid @borders;
+  }
+SysprofVisualizerGroup:last-child {
+  box-shadow: 0 20px 15px 15px alpha(@borders, 0.3);
+  }
+
+SysprofVisualizersFrame box.horizontal.inline-toolbar {
+  padding: 0;
+  margin: 0;
+  border: none;
+  border-radius: 0;
+  border-width: 0;
+  }
+
+SysprofVisualizersFrame scrollbar.horizontal {
+  color: mix(@theme_fg_color, @theme_selected_bg_color, 0.5);
+  background: transparent;
+  }
+
+SysprofVisualizersFrame scrollbar.horizontal contents trough {
+  background: transparent;
+  }
+
+SysprofVisualizersFrame scrollbar.horizontal contents trough slider {
+  margin-left: 1px;
+  margin-right: 1px;
+  padding: 6px;
+  min-height: 14px;
+  background: alpha(@content_view_bg, 0.2);
+  border-radius: 3px;
+  border: 2px solid @theme_selected_bg_color;
+  box-shadow: inset 0 10px 5px alpha(@content_view_bg,.3),
+              inset 0 -15px 5px alpha(@content_view_bg,.1),
+              0px 2px 4px @borders;
+  }
+
+SysprofVisualizerTicks {
+  color: mix(@theme_fg_color, @borders, 0.5);
+  background-color: @theme_bg_color;
+  }
+
+SysprofVisualizersFrame list {
+  background-color: @theme_bg_color;
+  }
+
+SysprofVisualizersFrame list.visualizer-groups row {
+  padding: 0;
+  border-bottom: 1px solid @borders;
+  }
+SysprofVisualizersFrame list.visualizer-groups row:not(:selected) {
+  background-color: @theme_bg_color;
+  }
+SysprofVisualizersFrame list.visualizer-groups row:last-child {
+  box-shadow: 0 20px 15px 15px alpha(@borders, 0.3);
+  }
+
+SysprofVisualizersFrame .left-column .small-button.flat {
+  border-color: transparent;
+  min-height: 8px;
+  min-width: 8px;
+  }
+SysprofVisualizersFrame .left-column .small-button.flat:checked,
+SysprofVisualizersFrame .left-column .small-button.flat:hover {
+  border-color: @borders;
+  }
+
+SysprofDisplay > dzlmultipaned > :nth-child(2) {
+  border-top: 1px solid @borders;
+  }
+
+SysprofVisualizersFrame .selection {
+  border-radius: 3px;
+  background-color: alpha(@theme_selected_bg_color, 0.35);
+  box-shadow: inset 0 10px 5px alpha(@content_view_bg,.3),
+              inset 0 -15px 5px alpha(@content_view_bg,.1),
+              inset 0 0 1px 1px @theme_selected_bg_color;
+  }

src/libsysprof-ui/css/SysprofVisualizerView-Adwaita-dark.css

@@ -1,6 +0,0 @@
-visualizers list row {
-  background-color: #201f21;
-  background-size: 8px 8px;
-  background-image: repeating-linear-gradient(0deg, #232224, #232224 1px, transparent 1px, transparent 8px),
-                    repeating-linear-gradient(-90deg, #232224, #232224 1px, transparent 1px, transparent 8px);
-}

src/libsysprof-ui/css/SysprofVisualizerView-Adwaita.css

@@ -1,7 +0,0 @@
-visualizers list row {
-  background-color: #f6f7f8;
-  background-size: 8px 8px;
-  background-image: repeating-linear-gradient(0deg, #f0f1f2, #f0f1f2 1px, transparent 1px, transparent 8px),
-  repeating-linear-gradient(-90deg, #f0f1f2, #f0f1f2 1px, transparent 1px, transparent 8px);
-}
-

src/libsysprof-ui/css/SysprofVisualizerView-shared.css

@@ -1,13 +0,0 @@
-visualizers.selection {
-  background: none;
-  background-color: alpha(@theme_selected_bg_color, 0.35);
-  box-shadow: 0 0 0 1px @theme_selected_bg_color inset;
-}
-visualizers.selection:backdrop {
-  background: none;
-  background-color: alpha(@theme_selected_bg_color, 0.15);
-  border: none;
-}
-visualizers list row:not(:first-child) {
-  border-top: 1px solid alpha(@borders, 0.4);
-}