[gnome-builder] libide/gui: use non-release specific style preview assets
- From: Christian Hergert <chergert src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-builder] libide/gui: use non-release specific style preview assets
- Date: Fri, 14 Oct 2022 17:34:00 +0000 (UTC)
commit edbbb93274ab1ba5b06b71834f0aefe231523363
Author: Christian Hergert <chergert redhat com>
Date: Fri Oct 14 12:33:53 2022 -0500
libide/gui: use non-release specific style preview assets
Assets from Jakub Steiner in https://gitlab.gnome.org/GNOME/gnome-builder/-/issues/1864#note_1573923
Fixes #1864
src/libide/gui/ide-style-variant-preview.c | 54 +-
src/libide/gui/ide-style-variant-preview.ui | 51 --
src/libide/gui/images/preview-dark.svg | 724 +++++++++++++++++++++++
src/libide/gui/images/preview-light.svg | 394 +++++++++++++
src/libide/gui/images/preview-system.svg | 737 ++++++++++++++++++++++++
src/libide/gui/images/style-preview-dark.png | Bin 56178 -> 0 bytes
src/libide/gui/images/style-preview-default.png | Bin 64441 -> 0 bytes
src/libide/gui/images/style-preview-light.png | Bin 60807 -> 0 bytes
src/libide/gui/libide-gui.gresource.xml | 6 +-
9 files changed, 1864 insertions(+), 102 deletions(-)
---
diff --git a/src/libide/gui/ide-style-variant-preview.c b/src/libide/gui/ide-style-variant-preview.c
index 3efca63cb..2774c0ae2 100644
--- a/src/libide/gui/ide-style-variant-preview.c
+++ b/src/libide/gui/ide-style-variant-preview.c
@@ -26,17 +26,9 @@
struct _IdeStyleVariantPreview
{
- GtkWidget parent_instance;
-
- AdwColorScheme color_scheme;
-
- GtkPicture *wallpaper;
-
- AdwBin *front;
- AdwBin *front_header;
-
- AdwBin *back;
- AdwBin *back_header;
+ GtkWidget parent_instance;
+ AdwColorScheme color_scheme;
+ GtkPicture *wallpaper;
};
G_DEFINE_FINAL_TYPE (IdeStyleVariantPreview, ide_style_variant_preview, GTK_TYPE_WIDGET)
@@ -62,8 +54,6 @@ ide_style_variant_preview_set_color_scheme (IdeStyleVariantPreview *self,
AdwColorScheme color_scheme)
{
const char *wallpaper;
- const char *front;
- const char *back;
g_assert (IDE_IS_STYLE_VARIANT_PREVIEW (self));
@@ -73,50 +63,23 @@ ide_style_variant_preview_set_color_scheme (IdeStyleVariantPreview *self,
{
case ADW_COLOR_SCHEME_PREFER_LIGHT:
case ADW_COLOR_SCHEME_FORCE_LIGHT:
- front = back = "light";
- wallpaper = "/org/gnome/libide-gui/images/style-preview-light.png";
+ wallpaper = "/org/gnome/libide-gui/images/preview-light.svg";
break;
case ADW_COLOR_SCHEME_PREFER_DARK:
case ADW_COLOR_SCHEME_FORCE_DARK:
- front = back = "dark";
- wallpaper = "/org/gnome/libide-gui/images/style-preview-dark.png";
+ wallpaper = "/org/gnome/libide-gui/images/preview-dark.svg";
break;
case ADW_COLOR_SCHEME_DEFAULT:
default:
- front = "light";
- back = "dark";
- wallpaper = "/org/gnome/libide-gui/images/style-preview-default.png";
+ wallpaper = "/org/gnome/libide-gui/images/preview-system.svg";
break;
}
- gtk_widget_remove_css_class (GTK_WIDGET (self->front), "dark");
- gtk_widget_remove_css_class (GTK_WIDGET (self->front), "light");
- gtk_widget_add_css_class (GTK_WIDGET (self->front), front);
-
- gtk_widget_remove_css_class (GTK_WIDGET (self->front_header), "dark");
- gtk_widget_remove_css_class (GTK_WIDGET (self->front_header), "light");
- gtk_widget_add_css_class (GTK_WIDGET (self->front_header), front);
-
- gtk_widget_remove_css_class (GTK_WIDGET (self->back), "dark");
- gtk_widget_remove_css_class (GTK_WIDGET (self->back), "light");
- gtk_widget_add_css_class (GTK_WIDGET (self->back), back);
-
- gtk_widget_remove_css_class (GTK_WIDGET (self->back_header), "dark");
- gtk_widget_remove_css_class (GTK_WIDGET (self->back_header), "light");
- gtk_widget_add_css_class (GTK_WIDGET (self->back_header), back);
-
gtk_picture_set_resource (self->wallpaper, wallpaper);
}
-static void
-ide_style_variant_preview_snapshot (GtkWidget *widget,
- GtkSnapshot *snapshot)
-{
- GTK_WIDGET_CLASS (ide_style_variant_preview_parent_class)->snapshot (widget, snapshot);
-}
-
static void
ide_style_variant_preview_measure (GtkWidget *widget,
GtkOrientation orientation,
@@ -196,7 +159,6 @@ ide_style_variant_preview_class_init (IdeStyleVariantPreviewClass *klass)
object_class->get_property = ide_style_variant_preview_get_property;
object_class->set_property = ide_style_variant_preview_set_property;
- widget_class->snapshot = ide_style_variant_preview_snapshot;
widget_class->measure = ide_style_variant_preview_measure;
properties [PROP_COLOR_SCHEME] =
@@ -213,10 +175,6 @@ ide_style_variant_preview_class_init (IdeStyleVariantPreviewClass *klass)
gtk_widget_class_set_layout_manager_type (widget_class, GTK_TYPE_FIXED_LAYOUT);
gtk_widget_class_set_template_from_resource (widget_class,
"/org/gnome/libide-gui/ui/ide-style-variant-preview.ui");
gtk_widget_class_bind_template_child (widget_class, IdeStyleVariantPreview, wallpaper);
- gtk_widget_class_bind_template_child (widget_class, IdeStyleVariantPreview, back);
- gtk_widget_class_bind_template_child (widget_class, IdeStyleVariantPreview, back_header);
- gtk_widget_class_bind_template_child (widget_class, IdeStyleVariantPreview, front);
- gtk_widget_class_bind_template_child (widget_class, IdeStyleVariantPreview, front_header);
}
static void
diff --git a/src/libide/gui/ide-style-variant-preview.ui b/src/libide/gui/ide-style-variant-preview.ui
index ebe156732..309b1c9b5 100644
--- a/src/libide/gui/ide-style-variant-preview.ui
+++ b/src/libide/gui/ide-style-variant-preview.ui
@@ -26,56 +26,5 @@
</child>
</object>
</child>
-
- <child>
- <object class="AdwBin" id="back">
- <style>
- <class name="window"/>
- </style>
- <property name="width-request">75</property>
- <property name="height-request">50</property>
- <layout>
- <property name="transform">translate(60, 15)</property>
- </layout>
- </object>
- </child>
- <child>
- <object class="AdwBin" id="back_header">
- <style>
- <class name="header"/>
- </style>
- <property name="width-request">75</property>
- <property name="height-request">10</property>
- <layout>
- <property name="transform">translate(60, 15)</property>
- </layout>
- </object>
- </child>
-
- <child>
- <object class="AdwBin" id="front">
- <style>
- <class name="window"/>
- </style>
- <property name="width-request">75</property>
- <property name="height-request">50</property>
- <layout>
- <property name="transform">translate(20, 30)</property>
- </layout>
- </object>
- </child>
- <child>
- <object class="AdwBin" id="front_header">
- <style>
- <class name="header"/>
- </style>
- <property name="width-request">75</property>
- <property name="height-request">10</property>
- <layout>
- <property name="transform">translate(20, 30)</property>
- </layout>
- </object>
- </child>
-
</template>
</interface>
diff --git a/src/libide/gui/images/preview-dark.svg b/src/libide/gui/images/preview-dark.svg
new file mode 100644
index 000000000..24f522388
--- /dev/null
+++ b/src/libide/gui/images/preview-dark.svg
@@ -0,0 +1,724 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+ id="svg8"
+ version="1.1"
+ viewBox="0 0 164 90"
+ height="90"
+ width="164"
+ sodipodi:docname="preview-dark.svg"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+ xmlns="http://www.w3.org/2000/svg";
+ xmlns:svg="http://www.w3.org/2000/svg";
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+ xmlns:cc="http://creativecommons.org/ns#";
+ xmlns:dc="http://purl.org/dc/elements/1.1/";>
+ <defs
+ id="defs2">
+ <clipPath
+ clipPathUnits="userSpaceOnUse"
+ id="clipPath1485">
+ <rect
+
style="fill:#9141ac;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect1487"
+ width="165.54179"
+ height="90.584183"
+ x="449"
+ y="71"
+ rx="7.3045735"
+ ry="7.3045735" />
+ </clipPath>
+ </defs>
+ <sodipodi:namedview
+ units="px"
+ borderlayer="true"
+ inkscape:showpageshadow="false"
+ showgrid="true"
+ inkscape:document-rotation="0"
+ inkscape:current-layer="layer1"
+ inkscape:document-units="px"
+ inkscape:cy="560"
+ inkscape:cx="400"
+ inkscape:zoom="0.35"
+ inkscape:pageshadow="2"
+ inkscape:pageopacity="0"
+ borderopacity="1"
+ bordercolor="#383838"
+ pagecolor="#1f1f1f"
+ id="base"
+ inkscape:pagecheckerboard="1"
+ inkscape:deskcolor="#1f1f1f">
+ <inkscape:grid
+ type="xygrid"
+ id="grid601"
+ originx="0"
+ originy="0" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata5">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+ <cc:license
+ rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+ </cc:Work>
+ <cc:License
+ rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#Distribution"; />
+ <cc:requires
+ rdf:resource="http://creativecommons.org/ns#Notice"; />
+ <cc:requires
+ rdf:resource="http://creativecommons.org/ns#Attribution"; />
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+ <cc:requires
+ rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+ </cc:License>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="layer1"
+ inkscape:groupmode="layer"
+ inkscape:label="Layer 1">
+ <g
+ id="g1966"
+ clip-path="none"
+ transform="translate(-629,-71)">
+ <rect
+
style="opacity:1;fill:#f6f5f4;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect1962"
+ width="168.1358"
+ height="92.492126"
+ x="447.79742"
+ y="69.865456"
+ rx="0"
+ ry="0"
+ clip-path="none" />
+ <g
+ id="g7834">
+ <rect
+
style="fill:#f6f5f4;fill-opacity:1;stroke:#deddda;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect2039-6"
+ width="141.0603"
+ height="104.61328"
+ x="461.9397"
+ y="80"
+ rx="3.9909134"
+ ry="3.9909134" />
+ <circle
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="path6750-7"
+ cx="592.02295"
+ cy="89.977264"
+ r="4.9625225" />
+ <path
+ id="path12696-1-3-0-5"
+ style="fill:#2e3436;fill-opacity:1;enable-background:new"
+ d="m 589.99985,87 c -0.26521,4e-5 -0.51954,0.10542 -0.70704,0.29297 -0.39041,0.39051
-0.39041,1.02355 0,1.41406 L 590.58578,90 l -1.29297,1.29297 c -0.39041,0.39051 -0.39041,1.02355 0,1.41406
0.39051,0.39042 1.02355,0.39042 1.41406,0 l 1.29296,-1.29297 1.29297,1.29297 c 0.3905,0.39042 1.02355,0.39042
1.41405,0 0.39041,-0.39051 0.39041,-1.02355 0,-1.41406 L 593.41389,90 l 1.29296,-1.29297 c 0.39041,-0.39051
0.39041,-1.02355 0,-1.41406 -0.1875,-0.18755 -0.44183,-0.29294 -0.70704,-0.29297 -0.2652,4e-5
-0.51953,0.10542 -0.70703,0.29297 l -1.29297,1.29297 -1.29296,-1.29297 c -0.1875,-0.18755 -0.44183,-0.29294
-0.707,-0.29297 z" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect6919-3"
+ width="141"
+ height="1.0721436"
+ x="462"
+ y="99.963081"
+ rx="0"
+ ry="0" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect6923-5"
+ width="141"
+ height="1.0721436"
+ x="99.963081"
+ y="-499.00964"
+ rx="0"
+ ry="0"
+ transform="rotate(90)" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7086-6"
+ width="9"
+ height="9"
+ x="465"
+ y="103"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#f6f5f4;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="path7029-2"
+ cx="469.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7058-9"
+ cx="479.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7060-1"
+ cx="489.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7062-2"
+ cx="468.50592"
+ cy="118.5"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7064-7"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="117.00684"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7066-0"
+ cx="468.50592"
+ cy="123.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7068-9"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="122.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7070-3"
+ cx="468.50592"
+ cy="128.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7072-6"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="127.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7074-0"
+ cx="468.50592"
+ cy="133.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7076-6"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="132.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7078-2"
+ cx="468.50592"
+ cy="138.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7080-6"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="137.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7082-1"
+ cx="468.50592"
+ cy="143.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7084-8"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="142.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7088-7"
+ width="103.93781"
+ height="63.111698"
+ x="499.02878"
+ y="100.99128"
+ rx="0"
+ ry="0" />
+ <rect
+
style="fill:#e66100;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7169-9"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="109.88122"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#e66100;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7171-2"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="114.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#e66100;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7173-0"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="119.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#e66100;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7175-2"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="124.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7177-3"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="139.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7179-7"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="144.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7181-5"
+ width="32.882935"
+ height="2.9734392"
+ x="524.11707"
+ y="110.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7183-9"
+ width="27.882935"
+ height="2.9734392"
+ x="524.11707"
+ y="115.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7185-2"
+ width="42.882935"
+ height="2.9734392"
+ x="524.11707"
+ y="120.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7187-2"
+ width="22.882935"
+ height="2.9734392"
+ x="524.11707"
+ y="125.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7189-8"
+ width="89.999969"
+ height="2.9734392"
+ x="507"
+ y="130.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7191-9"
+ width="89.999969"
+ height="2.9734392"
+ x="507"
+ y="135.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7193-7"
+ width="24"
+ height="2.9734392"
+ x="524"
+ y="140"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7195-3"
+ width="33"
+ height="2.9734392"
+ x="524"
+ y="145.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ </g>
+ </g>
+ <g
+ id="g1456-7"
+ clip-path="none"
+ transform="translate(-446.99349,-71)">
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect1453-5"
+ width="168.14532"
+ height="93.76123"
+ x="445.99219"
+ y="69.821777"
+ rx="0"
+ ry="0" />
+ <g
+ id="g7872-3">
+ <rect
+
style="opacity:1;fill:#3d3846;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect2039-5"
+ width="141.0603"
+ height="104.61328"
+ x="459.9397"
+ y="80"
+ rx="3.9909134"
+ ry="3.9909134" />
+ <circle
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="path6750-6"
+ cx="590.02295"
+ cy="89.977264"
+ r="4.9625225" />
+ <path
+ id="path12696-1-3-0-2"
+ style="fill:#ffffff;fill-opacity:1;enable-background:new"
+ d="m 587.99985,87 c -0.26521,4e-5 -0.51954,0.10542 -0.70704,0.29297 -0.39041,0.39051
-0.39041,1.02355 0,1.41406 L 588.58578,90 l -1.29297,1.29297 c -0.39041,0.39051 -0.39041,1.02355 0,1.41406
0.39051,0.39042 1.02355,0.39042 1.41406,0 l 1.29296,-1.29297 1.29297,1.29297 c 0.3905,0.39042 1.02355,0.39042
1.41405,0 0.39041,-0.39051 0.39041,-1.02355 0,-1.41406 L 591.41389,90 l 1.29296,-1.29297 c 0.39041,-0.39051
0.39041,-1.02355 0,-1.41406 -0.1875,-0.18755 -0.44183,-0.29294 -0.70704,-0.29297 -0.2652,4e-5
-0.51953,0.10542 -0.70703,0.29297 l -1.29297,1.29297 -1.29296,-1.29297 c -0.1875,-0.18755 -0.44183,-0.29294
-0.707,-0.29297 z" />
+ <rect
+
style="opacity:1;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect6919-9"
+ width="141"
+ height="1.0721436"
+ x="460"
+ y="99.963081"
+ rx="0"
+ ry="0" />
+ <rect
+
style="opacity:1;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect6923-1"
+ width="141"
+ height="1.0721436"
+ x="99.963081"
+ y="-497.00964"
+ rx="0"
+ ry="0"
+ transform="rotate(90)" />
+ <rect
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7086-2"
+ width="9"
+ height="9"
+ x="463"
+ y="103"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#3d3846;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="path7029-7"
+ cx="467.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#9a9996;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7058-0"
+ cx="477.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#9a9996;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7060-9"
+ cx="487.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7062-3"
+ cx="466.50592"
+ cy="118.5"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7064-6"
+ width="22.882915"
+ height="2.9734392"
+ x="469.93082"
+ y="117.00684"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7066-06"
+ cx="466.50592"
+ cy="123.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7068-2"
+ width="22.882915"
+ height="2.9734392"
+ x="469.93082"
+ y="122.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7070-6"
+ cx="466.50592"
+ cy="128.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7072-1"
+ width="22.882915"
+ height="2.9734392"
+ x="469.93082"
+ y="127.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7074-8"
+ cx="466.50592"
+ cy="133.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7076-7"
+ width="22.882915"
+ height="2.9734392"
+ x="469.93082"
+ y="132.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7078-9"
+ cx="466.50592"
+ cy="138.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7080-2"
+ width="22.882915"
+ height="2.9734392"
+ x="469.93082"
+ y="137.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7082-0"
+ cx="466.50592"
+ cy="143.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7084-2"
+ width="22.882915"
+ height="2.9734392"
+ x="469.93082"
+ y="142.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <rect
+
style="fill:#241f31;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7088-3"
+ width="103.00178"
+ height="63.111698"
+ x="497.02875"
+ y="100.99128"
+ rx="0"
+ ry="0" />
+ <rect
+
style="opacity:1;fill:#ffbe6f;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7169-7"
+ width="20.112837"
+ height="3.096009"
+ x="499.96765"
+ y="109.88122"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="opacity:1;fill:#ffbe6f;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7171-5"
+ width="20.112837"
+ height="3.096009"
+ x="499.96765"
+ y="114.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="opacity:1;fill:#ffbe6f;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7173-9"
+ width="20.112837"
+ height="3.096009"
+ x="499.96765"
+ y="119.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="opacity:1;fill:#ffbe6f;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7175-22"
+ width="20.112837"
+ height="3.096009"
+ x="499.96765"
+ y="124.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="opacity:1;fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7177-8"
+ width="20.112837"
+ height="3.096009"
+ x="499.96765"
+ y="139.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="opacity:1;fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7179-9"
+ width="20.112837"
+ height="3.096009"
+ x="499.96765"
+ y="144.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7181-7"
+ width="32.882935"
+ height="2.9734392"
+ x="522.11707"
+ y="110.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7183-3"
+ width="27.882935"
+ height="2.9734392"
+ x="522.11707"
+ y="115.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7185-6"
+ width="42.882935"
+ height="2.9734392"
+ x="522.11707"
+ y="120.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7187-1"
+ width="22.882935"
+ height="2.9734392"
+ x="522.11707"
+ y="125.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7189-2"
+ width="89.999969"
+ height="2.9734392"
+ x="505.00003"
+ y="130.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7191-93"
+ width="89.999969"
+ height="2.9734392"
+ x="505.00003"
+ y="135.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7193-1"
+ width="24"
+ height="2.9734392"
+ x="522"
+ y="140"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7195-9"
+ width="33"
+ height="2.9734392"
+ x="522"
+ y="145.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ </g>
+ </g>
+ </g>
+</svg>
diff --git a/src/libide/gui/images/preview-light.svg b/src/libide/gui/images/preview-light.svg
new file mode 100644
index 000000000..423fa126a
--- /dev/null
+++ b/src/libide/gui/images/preview-light.svg
@@ -0,0 +1,394 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+ id="svg8"
+ version="1.1"
+ viewBox="0 0 164 90"
+ height="90"
+ width="164"
+ sodipodi:docname="preview-light.svg"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+ xmlns="http://www.w3.org/2000/svg";
+ xmlns:svg="http://www.w3.org/2000/svg";
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+ xmlns:cc="http://creativecommons.org/ns#";
+ xmlns:dc="http://purl.org/dc/elements/1.1/";>
+ <defs
+ id="defs2" />
+ <sodipodi:namedview
+ units="px"
+ borderlayer="true"
+ inkscape:showpageshadow="false"
+ showgrid="true"
+ inkscape:document-rotation="0"
+ inkscape:current-layer="layer1"
+ inkscape:document-units="px"
+ inkscape:cy="560"
+ inkscape:cx="400"
+ inkscape:zoom="0.35"
+ inkscape:pageshadow="2"
+ inkscape:pageopacity="0"
+ borderopacity="1"
+ bordercolor="#383838"
+ pagecolor="#1f1f1f"
+ id="base"
+ inkscape:pagecheckerboard="1"
+ inkscape:deskcolor="#1f1f1f">
+ <inkscape:grid
+ type="xygrid"
+ id="grid601"
+ originx="0"
+ originy="0" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata5">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+ <cc:license
+ rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+ </cc:Work>
+ <cc:License
+ rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#Distribution"; />
+ <cc:requires
+ rdf:resource="http://creativecommons.org/ns#Notice"; />
+ <cc:requires
+ rdf:resource="http://creativecommons.org/ns#Attribution"; />
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+ <cc:requires
+ rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+ </cc:License>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="layer1"
+ inkscape:groupmode="layer"
+ inkscape:label="Layer 1">
+ <g
+ id="g1966"
+ clip-path="none"
+ transform="translate(-449,-71)">
+ <rect
+
style="opacity:1;fill:#f6f5f4;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect1962"
+ width="168.1358"
+ height="92.492126"
+ x="447.79742"
+ y="69.865456"
+ rx="0"
+ ry="0"
+ clip-path="none" />
+ <g
+ id="g7834">
+ <rect
+
style="fill:#f6f5f4;fill-opacity:1;stroke:#deddda;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect2039-6"
+ width="141.0603"
+ height="104.61328"
+ x="461.9397"
+ y="80"
+ rx="3.9909134"
+ ry="3.9909134" />
+ <circle
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="path6750-7"
+ cx="592.02295"
+ cy="89.977264"
+ r="4.9625225" />
+ <path
+ id="path12696-1-3-0-5"
+ style="fill:#2e3436;fill-opacity:1;enable-background:new"
+ d="m 589.99985,87 c -0.26521,4e-5 -0.51954,0.10542 -0.70704,0.29297 -0.39041,0.39051
-0.39041,1.02355 0,1.41406 L 590.58578,90 l -1.29297,1.29297 c -0.39041,0.39051 -0.39041,1.02355 0,1.41406
0.39051,0.39042 1.02355,0.39042 1.41406,0 l 1.29296,-1.29297 1.29297,1.29297 c 0.3905,0.39042 1.02355,0.39042
1.41405,0 0.39041,-0.39051 0.39041,-1.02355 0,-1.41406 L 593.41389,90 l 1.29296,-1.29297 c 0.39041,-0.39051
0.39041,-1.02355 0,-1.41406 -0.1875,-0.18755 -0.44183,-0.29294 -0.70704,-0.29297 -0.2652,4e-5
-0.51953,0.10542 -0.70703,0.29297 l -1.29297,1.29297 -1.29296,-1.29297 c -0.1875,-0.18755 -0.44183,-0.29294
-0.707,-0.29297 z" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect6919-3"
+ width="141"
+ height="1.0721436"
+ x="462"
+ y="99.963081"
+ rx="0"
+ ry="0" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect6923-5"
+ width="141"
+ height="1.0721436"
+ x="99.963081"
+ y="-499.00964"
+ rx="0"
+ ry="0"
+ transform="rotate(90)" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7086-6"
+ width="9"
+ height="9"
+ x="465"
+ y="103"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#f6f5f4;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="path7029-2"
+ cx="469.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7058-9"
+ cx="479.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7060-1"
+ cx="489.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7062-2"
+ cx="468.50592"
+ cy="118.5"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7064-7"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="117.00684"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7066-0"
+ cx="468.50592"
+ cy="123.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7068-9"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="122.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7070-3"
+ cx="468.50592"
+ cy="128.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7072-6"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="127.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7074-0"
+ cx="468.50592"
+ cy="133.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7076-6"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="132.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7078-2"
+ cx="468.50592"
+ cy="138.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7080-6"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="137.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7082-1"
+ cx="468.50592"
+ cy="143.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7084-8"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="142.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7088-7"
+ width="103.93781"
+ height="63.111698"
+ x="499.02878"
+ y="100.99128"
+ rx="0"
+ ry="0" />
+ <rect
+
style="fill:#e66100;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7169-9"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="109.88122"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#e66100;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7171-2"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="114.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#e66100;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7173-0"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="119.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#e66100;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7175-2"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="124.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7177-3"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="139.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7179-7"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="144.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7181-5"
+ width="32.882935"
+ height="2.9734392"
+ x="524.11707"
+ y="110.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7183-9"
+ width="27.882935"
+ height="2.9734392"
+ x="524.11707"
+ y="115.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7185-2"
+ width="42.882935"
+ height="2.9734392"
+ x="524.11707"
+ y="120.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7187-2"
+ width="22.882935"
+ height="2.9734392"
+ x="524.11707"
+ y="125.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7189-8"
+ width="89.999969"
+ height="2.9734392"
+ x="507"
+ y="130.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7191-9"
+ width="89.999969"
+ height="2.9734392"
+ x="507"
+ y="135.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7193-7"
+ width="24"
+ height="2.9734392"
+ x="524"
+ y="140"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7195-3"
+ width="33"
+ height="2.9734392"
+ x="524"
+ y="145.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ </g>
+ </g>
+ </g>
+</svg>
diff --git a/src/libide/gui/images/preview-system.svg b/src/libide/gui/images/preview-system.svg
new file mode 100644
index 000000000..3c9f14bdf
--- /dev/null
+++ b/src/libide/gui/images/preview-system.svg
@@ -0,0 +1,737 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+ id="svg8"
+ version="1.1"
+ viewBox="0 0 164 90"
+ height="90"
+ width="164"
+ sodipodi:docname="preview-system.svg"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+ xmlns="http://www.w3.org/2000/svg";
+ xmlns:svg="http://www.w3.org/2000/svg";
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+ xmlns:cc="http://creativecommons.org/ns#";
+ xmlns:dc="http://purl.org/dc/elements/1.1/";>
+ <defs
+ id="defs2">
+ <clipPath
+ clipPathUnits="userSpaceOnUse"
+ id="clipPath1485">
+ <rect
+
style="fill:#9141ac;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect1487"
+ width="165.54179"
+ height="90.584183"
+ x="449"
+ y="71"
+ rx="7.3045735"
+ ry="7.3045735" />
+ </clipPath>
+ <clipPath
+ clipPathUnits="userSpaceOnUse"
+ id="clipPath2653">
+ <rect
+ style="fill:#9141ac;stroke-width:4;stroke-linecap:round;stroke-dasharray:none;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect2655"
+ width="123.13477"
+ height="145.07617"
+ x="528.99347"
+ y="55.900391"
+ rx="0"
+ ry="0" />
+ </clipPath>
+ </defs>
+ <sodipodi:namedview
+ units="px"
+ borderlayer="true"
+ inkscape:showpageshadow="false"
+ showgrid="false"
+ inkscape:document-rotation="0"
+ inkscape:current-layer="layer1"
+ inkscape:document-units="px"
+ inkscape:cy="560"
+ inkscape:cx="400"
+ inkscape:zoom="0.35"
+ inkscape:pageshadow="2"
+ inkscape:pageopacity="0"
+ borderopacity="1"
+ bordercolor="#383838"
+ pagecolor="#1f1f1f"
+ id="base"
+ inkscape:pagecheckerboard="1"
+ inkscape:deskcolor="#1f1f1f">
+ <inkscape:grid
+ type="xygrid"
+ id="grid601"
+ originx="0"
+ originy="0" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata5">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+ <cc:license
+ rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+ </cc:Work>
+ <cc:License
+ rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#Distribution"; />
+ <cc:requires
+ rdf:resource="http://creativecommons.org/ns#Notice"; />
+ <cc:requires
+ rdf:resource="http://creativecommons.org/ns#Attribution"; />
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+ <cc:requires
+ rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+ </cc:License>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="layer1"
+ inkscape:groupmode="layer"
+ inkscape:label="Layer 1">
+ <g
+ id="g1966"
+ clip-path="none"
+ transform="translate(-449,-71)">
+ <rect
+
style="opacity:1;fill:#f6f5f4;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect1962"
+ width="168.1358"
+ height="92.492126"
+ x="447.79742"
+ y="69.865456"
+ rx="0"
+ ry="0"
+ clip-path="none" />
+ <g
+ id="g7834">
+ <rect
+
style="fill:#f6f5f4;fill-opacity:1;stroke:#deddda;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect2039-6"
+ width="141.0603"
+ height="104.61328"
+ x="461.9397"
+ y="80"
+ rx="3.9909134"
+ ry="3.9909134" />
+ <circle
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="path6750-7"
+ cx="592.02295"
+ cy="89.977264"
+ r="4.9625225" />
+ <path
+ id="path12696-1-3-0-5"
+ style="fill:#2e3436;fill-opacity:1;enable-background:new"
+ d="m 589.99985,87 c -0.26521,4e-5 -0.51954,0.10542 -0.70704,0.29297 -0.39041,0.39051
-0.39041,1.02355 0,1.41406 L 590.58578,90 l -1.29297,1.29297 c -0.39041,0.39051 -0.39041,1.02355 0,1.41406
0.39051,0.39042 1.02355,0.39042 1.41406,0 l 1.29296,-1.29297 1.29297,1.29297 c 0.3905,0.39042 1.02355,0.39042
1.41405,0 0.39041,-0.39051 0.39041,-1.02355 0,-1.41406 L 593.41389,90 l 1.29296,-1.29297 c 0.39041,-0.39051
0.39041,-1.02355 0,-1.41406 -0.1875,-0.18755 -0.44183,-0.29294 -0.70704,-0.29297 -0.2652,4e-5
-0.51953,0.10542 -0.70703,0.29297 l -1.29297,1.29297 -1.29296,-1.29297 c -0.1875,-0.18755 -0.44183,-0.29294
-0.707,-0.29297 z" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect6919-3"
+ width="141"
+ height="1.0721436"
+ x="462"
+ y="99.963081"
+ rx="0"
+ ry="0" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect6923-5"
+ width="141"
+ height="1.0721436"
+ x="99.963081"
+ y="-499.00964"
+ rx="0"
+ ry="0"
+ transform="rotate(90)" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7086-6"
+ width="9"
+ height="9"
+ x="465"
+ y="103"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#f6f5f4;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="path7029-2"
+ cx="469.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7058-9"
+ cx="479.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7060-1"
+ cx="489.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7062-2"
+ cx="468.50592"
+ cy="118.5"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7064-7"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="117.00684"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7066-0"
+ cx="468.50592"
+ cy="123.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7068-9"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="122.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7070-3"
+ cx="468.50592"
+ cy="128.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7072-6"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="127.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7074-0"
+ cx="468.50592"
+ cy="133.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7076-6"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="132.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7078-2"
+ cx="468.50592"
+ cy="138.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7080-6"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="137.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7082-1"
+ cx="468.50592"
+ cy="143.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7084-8"
+ width="22.882915"
+ height="2.9734392"
+ x="471.93079"
+ y="142.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <rect
+
style="fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7088-7"
+ width="103.93781"
+ height="63.111698"
+ x="499.02878"
+ y="100.99128"
+ rx="0"
+ ry="0" />
+ <rect
+
style="fill:#e66100;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7169-9"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="109.88122"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#e66100;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7171-2"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="114.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#e66100;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7173-0"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="119.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#e66100;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7175-2"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="124.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7177-3"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="139.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7179-7"
+ width="20.112837"
+ height="3.096009"
+ x="501.96765"
+ y="144.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7181-5"
+ width="32.882935"
+ height="2.9734392"
+ x="524.11707"
+ y="110.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7183-9"
+ width="27.882935"
+ height="2.9734392"
+ x="524.11707"
+ y="115.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7185-2"
+ width="42.882935"
+ height="2.9734392"
+ x="524.11707"
+ y="120.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7187-2"
+ width="22.882935"
+ height="2.9734392"
+ x="524.11707"
+ y="125.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7189-8"
+ width="89.999969"
+ height="2.9734392"
+ x="507"
+ y="130.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7191-9"
+ width="89.999969"
+ height="2.9734392"
+ x="507"
+ y="135.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7193-7"
+ width="24"
+ height="2.9734392"
+ x="524"
+ y="140"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="fill:#c0bfbc;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7195-3"
+ width="33"
+ height="2.9734392"
+ x="524"
+ y="145.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ </g>
+ </g>
+ <g
+ id="g1456-7"
+ clip-path="url(#clipPath2653)"
+ transform="translate(-446.99349,-71)">
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect1453-5"
+ width="168.14532"
+ height="93.76123"
+ x="445.99219"
+ y="69.821777"
+ rx="0"
+ ry="0" />
+ <g
+ id="g7872-3">
+ <rect
+
style="opacity:1;fill:#3d3846;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect2039-5"
+ width="141.0603"
+ height="104.61328"
+ x="459.9397"
+ y="80"
+ rx="3.9909134"
+ ry="3.9909134" />
+ <circle
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="path6750-6"
+ cx="590.02295"
+ cy="89.977264"
+ r="4.9625225" />
+ <path
+ id="path12696-1-3-0-2"
+ style="fill:#ffffff;fill-opacity:1;enable-background:new"
+ d="m 587.99985,87 c -0.26521,4e-5 -0.51954,0.10542 -0.70704,0.29297 -0.39041,0.39051
-0.39041,1.02355 0,1.41406 L 588.58578,90 l -1.29297,1.29297 c -0.39041,0.39051 -0.39041,1.02355 0,1.41406
0.39051,0.39042 1.02355,0.39042 1.41406,0 l 1.29296,-1.29297 1.29297,1.29297 c 0.3905,0.39042 1.02355,0.39042
1.41405,0 0.39041,-0.39051 0.39041,-1.02355 0,-1.41406 L 591.41389,90 l 1.29296,-1.29297 c 0.39041,-0.39051
0.39041,-1.02355 0,-1.41406 -0.1875,-0.18755 -0.44183,-0.29294 -0.70704,-0.29297 -0.2652,4e-5
-0.51953,0.10542 -0.70703,0.29297 l -1.29297,1.29297 -1.29296,-1.29297 c -0.1875,-0.18755 -0.44183,-0.29294
-0.707,-0.29297 z" />
+ <rect
+
style="opacity:1;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect6919-9"
+ width="141"
+ height="1.0721436"
+ x="460"
+ y="99.963081"
+ rx="0"
+ ry="0" />
+ <rect
+
style="opacity:1;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect6923-1"
+ width="141"
+ height="1.0721436"
+ x="99.963081"
+ y="-497.00964"
+ rx="0"
+ ry="0"
+ transform="rotate(90)" />
+ <rect
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7086-2"
+ width="9"
+ height="9"
+ x="463"
+ y="103"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#3d3846;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="path7029-7"
+ cx="467.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#9a9996;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7058-0"
+ cx="477.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#9a9996;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7060-9"
+ cx="487.5"
+ cy="107.49018"
+ rx="2.5000069"
+ ry="2.4901865" />
+ <ellipse
+
style="fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7062-3"
+ cx="466.50592"
+ cy="118.5"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7064-6"
+ width="22.882915"
+ height="2.9734392"
+ x="469.93082"
+ y="117.00684"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7066-06"
+ cx="466.50592"
+ cy="123.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7068-2"
+ width="22.882915"
+ height="2.9734392"
+ x="469.93082"
+ y="122.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7070-6"
+ cx="466.50592"
+ cy="128.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7072-1"
+ width="22.882915"
+ height="2.9734392"
+ x="469.93082"
+ y="127.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7074-8"
+ cx="466.50592"
+ cy="133.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7076-7"
+ width="22.882915"
+ height="2.9734392"
+ x="469.93082"
+ y="132.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7078-9"
+ cx="466.50592"
+ cy="138.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7080-2"
+ width="22.882915"
+ height="2.9734392"
+ x="469.93082"
+ y="137.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <ellipse
+
style="fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="ellipse7082-0"
+ cx="466.50592"
+ cy="143.51971"
+ rx="1.5059144"
+ ry="1.4999989" />
+ <rect
+
style="opacity:1;fill:#5e5c64;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7084-2"
+ width="22.882915"
+ height="2.9734392"
+ x="469.93082"
+ y="142.02657"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <rect
+
style="fill:#241f31;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7088-3"
+ width="103.00178"
+ height="63.111698"
+ x="497.02875"
+ y="100.99128"
+ rx="0"
+ ry="0" />
+ <rect
+
style="opacity:1;fill:#ffbe6f;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7169-7"
+ width="20.112837"
+ height="3.096009"
+ x="499.96765"
+ y="109.88122"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="opacity:1;fill:#ffbe6f;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7171-5"
+ width="20.112837"
+ height="3.096009"
+ x="499.96765"
+ y="114.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="opacity:1;fill:#ffbe6f;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7173-9"
+ width="20.112837"
+ height="3.096009"
+ x="499.96765"
+ y="119.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="opacity:1;fill:#ffbe6f;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7175-22"
+ width="20.112837"
+ height="3.096009"
+ x="499.96765"
+ y="124.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="opacity:1;fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7177-8"
+ width="20.112837"
+ height="3.096009"
+ x="499.96765"
+ y="139.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="opacity:1;fill:#deddda;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7179-9"
+ width="20.112837"
+ height="3.096009"
+ x="499.96765"
+ y="144.90399"
+ rx="1.5480045"
+ ry="1.5480045" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7181-7"
+ width="32.882935"
+ height="2.9734392"
+ x="522.11707"
+ y="110.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7183-3"
+ width="27.882935"
+ height="2.9734392"
+ x="522.11707"
+ y="115.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7185-6"
+ width="42.882935"
+ height="2.9734392"
+ x="522.11707"
+ y="120.02656"
+ rx="1.4867196"
+ ry="1.4867196" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7187-1"
+ width="22.882935"
+ height="2.9734392"
+ x="522.11707"
+ y="125.02656"
+ rx="1.4867197"
+ ry="1.4867196" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7189-2"
+ width="89.999969"
+ height="2.9734392"
+ x="505.00003"
+ y="130.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7191-93"
+ width="89.999969"
+ height="2.9734392"
+ x="505.00003"
+ y="135.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7193-1"
+ width="24"
+ height="2.9734392"
+ x="522"
+ y="140"
+ rx="1.4867198"
+ ry="1.4867196" />
+ <rect
+
style="opacity:1;fill:#77767b;fill-opacity:1;stroke:none;stroke-width:2.00001;stroke-linecap:round;stroke-opacity:1;paint-order:markers
stroke fill;stop-color:#000000"
+ id="rect7195-9"
+ width="33"
+ height="2.9734392"
+ x="522"
+ y="145.02657"
+ rx="1.4867198"
+ ry="1.4867196" />
+ </g>
+ </g>
+ </g>
+</svg>
diff --git a/src/libide/gui/libide-gui.gresource.xml b/src/libide/gui/libide-gui.gresource.xml
index bfb0422dc..e3a95be9f 100644
--- a/src/libide/gui/libide-gui.gresource.xml
+++ b/src/libide/gui/libide-gui.gresource.xml
@@ -4,9 +4,9 @@
<file preprocess="xml-stripblanks">gtk/menus.ui</file>
<file>gtk/keybindings.gsl</file>
<file>gtk/keybindings.json</file>
- <file>images/style-preview-dark.png</file>
- <file>images/style-preview-default.png</file>
- <file>images/style-preview-light.png</file>
+ <file>images/preview-dark.svg</file>
+ <file>images/preview-system.svg</file>
+ <file>images/preview-light.svg</file>
<file>style.css</file>
<file preprocess="xml-stripblanks">tweaks.ui</file>
</gresource>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
