update Raveos themes

11 files changed, 1312 insertions, 0 deletions

diff --git a/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/application-row.ui b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/application-row.ui
new file mode 100644
index 0000000..2a26d14
--- /dev/null
+++ b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/application-row.ui
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface domain="blur-my-shell@aunetx">
+  <template class="ApplicationRow" parent="AdwExpanderRow">
+    <property name="title" translatable="yes">Window Name</property>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Select window</property>
+        <property name="subtitle" translatable="yes">Pick a window or select it by its classname.</property>
+
+        <child>
+          <object class="GtkBox" id="window_selector">
+            <property name="valign">center</property>
+            <property name="hexpand">true</property>
+            <property name="width-request">175px</property>
+            <style>
+              <class name="linked" />
+            </style>
+
+            <child>
+              <object class="GtkButton" id="window_picker">
+                <property name="valign">center</property>
+                <property name="hexpand">true</property>
+                <property name="icon-name">select-window-symbolic</property>
+              </object>
+            </child>
+
+            <child>
+              <object class="GtkEntry" id="window_class">
+                <property name="valign">center</property>
+                <property name="hexpand">true</property>
+              </object>
+            </child>
+          </object>
+        </child>
+      </object>
+    </child>
+  </template>
+
+  <object class="AdwToast" id="picking_failure_toast">
+    <property name="title">Could not pick window, make sure that the extension is enabled.</property>
+  </object>
+
+  <object class="AdwToast" id="window_not_found_toast">
+    <property name="title">Could not pick window from here, does not seem like a valid window.</property>
+  </object>
+</interface>
\ No newline at end of file
diff --git a/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/applications.ui b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/applications.ui
new file mode 100644
index 0000000..14c9364
--- /dev/null
+++ b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/applications.ui
@@ -0,0 +1,276 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface domain="blur-my-shell@aunetx">
+  <template class="Applications" parent="AdwPreferencesPage">
+    <property name="name">applications</property>
+    <property name="title" translatable="yes">Applications</property>
+    <property name="icon-name">applications-symbolic</property>
+
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="title" translatable="yes">Applications blur</property>
+        <property name="description" translatable="yes">Adds blur to the applications.
+To get the best results possible, although with reduced performances, you can choose the option “No artifact” in the “Other → Hack level” tab.</property>
+        <property name="header-suffix">
+          <object class="GtkSwitch" id="blur">
+            <property name="valign">center</property>
+          </object>
+        </property>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Blur type</property>
+            <property name="subtitle" translatable="yes">The dynamic blur is slower and only compatible with a gaussian blur effect, but shows content behind windows.</property>
+            <property name="activatable-widget">blur_mode_choose</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkBox" id="blur_mode_choose">
+                <property name="valign">center</property>
+                <property name="hexpand">false</property>
+                <style>
+                  <class name="linked" />
+                </style>
+
+                <child>
+                  <object class="GtkToggleButton" id="mode_static">
+                    <property name="valign">center</property>
+                    <property name="hexpand">true</property>
+                    <property name="group">mode_dynamic</property>
+                    <property name="child">
+                      <object class="AdwButtonContent">
+                        <property name="icon-name">static-mode-symbolic</property>
+                        <property name="label" translatable="yes">Static</property>
+                      </object>
+                    </property>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkToggleButton" id="mode_dynamic">
+                    <property name="valign">center</property>
+                    <property name="hexpand">true</property>
+                    <property name="child">
+                      <object class="AdwButtonContent">
+                        <property name="icon-name">dynamic-mode-symbolic</property>
+                        <property name="label" translatable="yes">Dynamic</property>
+                      </object>
+                    </property>
+                  </object>
+                </child>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="PipelineChooseRow" id="pipeline_choose_row">
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow" id="sigma_row">
+            <property name="title" translatable="yes">Sigma</property>
+            <property name="subtitle" translatable="yes">The intensity of the blur.</property>
+            <property name="activatable-widget">sigma_scale</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkScale" id="sigma_scale">
+                <property name="valign">center</property>
+                <property name="hexpand">true</property>
+                <property name="width-request">200px</property>
+                <property name="draw-value">true</property>
+                <property name="value-pos">right</property>
+                <property name="digits">0</property>
+                <property name="adjustment">sigma</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow" id="brightness_row">
+            <property name="title" translatable="yes">Brightness</property>
+            <property name="subtitle" translatable="yes">The brightness of the blur effect, a high value might make the text harder to read.</property>
+            <property name="activatable-widget">brightness_scale</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkScale" id="brightness_scale">
+                <property name="valign">center</property>
+                <property name="hexpand">true</property>
+                <property name="width-request">200px</property>
+                <property name="draw-value">true</property>
+                <property name="value-pos">right</property>
+                <property name="digits">2</property>
+                <property name="adjustment">brightness</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Opacity</property>
+            <property name="subtitle" translatable="yes">The opacity of the window on top of the blur effect, a higher value will be more legible.</property>
+            <property name="activatable-widget">opacity_scale</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkScale" id="opacity_scale">
+                <property name="valign">center</property>
+                <property name="hexpand">true</property>
+                <property name="width-request">200px</property>
+                <property name="draw-value">true</property>
+                <property name="value-pos">right</property>
+                <property name="orientation">horizontal</property>
+                <property name="digits">0</property>
+                <property name="adjustment">opacity</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Opaque focused window</property>
+            <property name="subtitle" translatable="yes">Makes the focused window opaque and the other ones blurred, helping with legibility.</property>
+            <property name="activatable-widget">dynamic_opacity</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkSwitch" id="dynamic_opacity">
+                <property name="valign">center</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Blur on overview</property>
+            <property name="subtitle" translatable="yes">Forces the blur to be properly shown on all workspaces on overview.
+This may cause some latency or performance issues.</property>
+            <property name="activatable-widget">blur_on_overview</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkSwitch" id="blur_on_overview">
+                <property name="valign">center</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Enable all by default</property>
+            <property name="subtitle" translatable="yes">Adds blur behind all windows by default.</property>
+            <property name="activatable-widget">enable_all</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkSwitch" id="enable_all">
+                <property name="valign">center</property>
+              </object>
+            </child>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwPreferencesGroup" id="whitelist">
+        <property name="title" translatable="yes">Whitelist</property>
+        <property name="description" translatable="yes">A list of windows to blur.
+Use * to match any sequence of characters (e.g., Firefox* or *Code*), and ? for a single one.</property>
+        <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+        <property name="header-suffix">
+          <object class="GtkButton" id="add_window_whitelist">
+            <property name="halign">start</property>
+            <property name="valign">center</property>
+            <child>
+              <object class="GtkBox">
+                <property name="margin-start">12</property>
+                <property name="margin-end">12</property>
+                <child>
+                  <object class="GtkImage">
+                    <property name="margin-end">6</property>
+                    <property name="icon-name">add-row-symbolic</property>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkLabel">
+                    <property name="label" translatable="yes">Add Window</property>
+                  </object>
+                </child>
+              </object>
+            </child>
+            <style>
+              <class name="circular" />
+              <class name="suggested-action" />
+            </style>
+          </object>
+        </property>
+
+        <!-- WINDOW ROW WIDGETS GO HERE -->
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwPreferencesGroup" id="blacklist">
+        <property name="title" translatable="yes">Blacklist</property>
+        <property name="description" translatable="yes">A list of windows not to blur.
+Use * to match any sequence of characters (e.g., Firefox* or *Code*), and ? for a single one.</property>
+        <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+        <property name="header-suffix">
+          <object class="GtkButton" id="add_window_blacklist">
+            <property name="halign">start</property>
+            <property name="valign">center</property>
+            <child>
+              <object class="GtkBox">
+                <property name="margin-start">12</property>
+                <property name="margin-end">12</property>
+                <child>
+                  <object class="GtkImage">
+                    <property name="margin-end">6</property>
+                    <property name="icon-name">add-row-symbolic</property>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkLabel">
+                    <property name="label" translatable="yes">Add Window</property>
+                  </object>
+                </child>
+              </object>
+            </child>
+            <style>
+              <class name="circular" />
+              <class name="suggested-action" />
+            </style>
+          </object>
+        </property>
+
+        <!-- WINDOW ROW WIDGETS GO HERE -->
+      </object>
+    </child>
+  </template>
+
+  <object class="GtkAdjustment" id="sigma">
+    <property name="lower">0</property>
+    <property name="upper">100</property>
+    <property name="step-increment">1</property>
+  </object>
+
+  <object class="GtkAdjustment" id="brightness">
+    <property name="lower">0.0</property>
+    <property name="upper">1.0</property>
+    <property name="step-increment">0.01</property>
+  </object>
+
+  <object class="GtkAdjustment" id="opacity">
+    <property name="lower">25</property>
+    <property name="upper">255</property>
+    <property name="step-increment">1</property>
+  </object>
+</interface>
diff --git a/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/dash.ui b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/dash.ui
new file mode 100644
index 0000000..b08a4d1
--- /dev/null
+++ b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/dash.ui
@@ -0,0 +1,172 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface domain="blur-my-shell@aunetx">
+  <template class="Dash" parent="AdwPreferencesPage">
+    <property name="name">dash</property>
+    <property name="title" translatable="yes">Dash</property>
+    <property name="icon-name">dash-symbolic</property>
+
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="title" translatable="yes">Dash to Dock blur</property>
+        <property name="description" translatable="yes">Blur the background of the Dash to Dock extension, if it is used.</property>
+        <property name="header-suffix">
+          <object class="GtkSwitch" id="blur">
+            <property name="valign">center</property>
+          </object>
+        </property>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Blur type</property>
+            <property name="subtitle" translatable="yes">The dynamic blur is slower and only compatible with a gaussian blur effect.</property>
+            <property name="activatable-widget">blur_mode_choose</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkBox" id="blur_mode_choose">
+                <property name="valign">center</property>
+                <property name="hexpand">false</property>
+                <style>
+                  <class name="linked" />
+                </style>
+
+                <child>
+                  <object class="GtkToggleButton" id="mode_static">
+                    <property name="valign">center</property>
+                    <property name="hexpand">true</property>
+                    <property name="group">mode_dynamic</property>
+                    <property name="child">
+                      <object class="AdwButtonContent">
+                        <property name="icon-name">static-mode-symbolic</property>
+                        <property name="label" translatable="yes">Static</property>
+                      </object>
+                    </property>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkToggleButton" id="mode_dynamic">
+                    <property name="valign">center</property>
+                    <property name="hexpand">true</property>
+                    <property name="child">
+                      <object class="AdwButtonContent">
+                        <property name="icon-name">dynamic-mode-symbolic</property>
+                        <property name="label" translatable="yes">Dynamic</property>
+                      </object>
+                    </property>
+                  </object>
+                </child>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="PipelineChooseRow" id="pipeline_choose_row">
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow" id="sigma_row">
+            <property name="title" translatable="yes">Sigma</property>
+            <property name="subtitle" translatable="yes">The intensity of the blur.</property>
+            <property name="activatable-widget">sigma_scale</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkScale" id="sigma_scale">
+                <property name="valign">center</property>
+                <property name="hexpand">true</property>
+                <property name="width-request">200px</property>
+                <property name="draw-value">true</property>
+                <property name="value-pos">right</property>
+                <property name="digits">0</property>
+                <property name="adjustment">sigma</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow" id="brightness_row">
+            <property name="title" translatable="yes">Brightness</property>
+            <property name="subtitle" translatable="yes">The brightness of the blur effect, a high value might make the text harder to read.</property>
+            <property name="activatable-widget">brightness_scale</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkScale" id="brightness_scale">
+                <property name="valign">center</property>
+                <property name="hexpand">true</property>
+                <property name="width-request">200px</property>
+                <property name="draw-value">true</property>
+                <property name="value-pos">right</property>
+                <property name="digits">2</property>
+                <property name="adjustment">brightness</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwExpanderRow" id="override_background">
+            <property name="title" translatable="yes">Override background</property>
+            <property name="subtitle" translatable="yes">Makes the background either transparent or semi-transparent, disable this to use Dash to Dock preferences instead.</property>
+            <property name="show-enable-switch">true</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="AdwActionRow">
+                <property name="title" translatable="yes">Background style</property>
+                <property name="subtitle" translatable="yes">The transparent/semi-transparent style for the dock background.</property>
+                <property name="activatable-widget">style_dash_to_dock</property>
+
+                <child>
+                  <object class="GtkDropDown" id="style_dash_to_dock">
+                    <property name="valign">center</property>
+                    <property name="model">style_dash_to_dock_model</property>
+                  </object>
+                </child>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Disable in overview</property>
+            <property name="subtitle" translatable="yes">Disables the blur from Dash to Dock when entering the overview.</property>
+            <property name="activatable-widget">unblur_in_overview</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkSwitch" id="unblur_in_overview">
+                <property name="valign">center</property>
+              </object>
+            </child>
+          </object>
+        </child>
+      </object>
+    </child>
+  </template>
+
+  <object class="GtkAdjustment" id="sigma">
+    <property name="lower">0</property>
+    <property name="upper">100</property>
+    <property name="step-increment">1</property>
+  </object>
+
+  <object class="GtkAdjustment" id="brightness">
+    <property name="lower">0.0</property>
+    <property name="upper">1.0</property>
+    <property name="step-increment">0.01</property>
+  </object>
+
+  <object class="GtkStringList" id="style_dash_to_dock_model">
+    <items>
+      <item translatable="yes">Transparent</item>
+      <item translatable="yes">Light</item>
+      <item translatable="yes">Dark</item>
+    </items>
+  </object>
+</interface>
\ No newline at end of file
diff --git a/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/effects-dialog.ui b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/effects-dialog.ui
new file mode 100644
index 0000000..c6baf62
--- /dev/null
+++ b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/effects-dialog.ui
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface domain="blur-my-shell@aunetx">
+  <template class="EffectsDialog" parent="AdwPreferencesDialog">
+    <property name="title" translatable="yes">Effects</property>
+    <property name="presentation-mode">ADW_DIALOG_BOTTOM_SHEET</property>
+    <property name="content-width">600</property>
+    <property name="content-height">480</property>
+
+    <child>
+      <object class="AdwPreferencesPage">
+        <child>
+          <object class="AdwPreferencesGroup" id="effects_list">
+            <property name="title">Effects list</property>
+            <property name="description">Effect on the top will be applied first.</property>
+
+            <property name="header-suffix">
+              <object class="GtkBox">
+                <property name="margin-start">12</property>
+                <property name="margin-end">12</property>
+                <style>
+                  <class name="linked" />
+                </style>
+                <child>
+                  <object class="GtkButton" id="add_effect">
+                    <property name="halign">start</property>
+                    <property name="valign">center</property>
+                    <child>
+                      <object class="GtkBox">
+                        <property name="margin-start">12</property>
+                        <property name="margin-end">12</property>
+                        <child>
+                          <object class="GtkImage">
+                            <property name="margin-end">6</property>
+                            <property name="icon-name">list-add-symbolic</property>
+                          </object>
+                        </child>
+                        <child>
+                          <object class="GtkLabel">
+                            <property name="label" translatable="yes">Add Effect</property>
+                          </object>
+                        </child>
+                      </object>
+                    </child>
+                    <style>
+                      <class name="circular" />
+                      <class name="suggested-action" />
+                    </style>
+                  </object>
+                </child>
+
+                <child>
+                  <object class="GtkMenuButton" id="add_effect_alt_menu">
+                    <property name="valign">center</property>
+                    <property name="icon-name">down-symbolic</property>
+                    <property name="menu-model">add_effect_alt_menu_model</property>
+                    <style>
+                      <class name="circular" />
+                    </style>
+                  </object>
+                </child>
+              </object>
+            </property>
+          </object>
+        </child>
+      </object>
+    </child>
+  </template>
+
+  <menu id="add_effect_alt_menu_model">
+    <section>
+      <item>
+        <attribute name="label" translatable="yes">Include advanced effects</attribute>
+        <attribute name="action">effects-dialog.advanced-effects-bool</attribute>
+      </item>
+    </section>
+  </menu>
+</interface>
\ No newline at end of file
diff --git a/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/menu.ui b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/menu.ui
new file mode 100644
index 0000000..6d2a474
--- /dev/null
+++ b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/menu.ui
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface domain="blur-my-shell@aunetx">
+  <menu id="info_menu_model">
+    <section>
+      <item>
+        <attribute name="label" translatable="yes">Project page</attribute>
+        <attribute name="action">prefs.open-readme</attribute>
+      </item>
+      <item>
+        <attribute name="label" translatable="yes">Report a Bug</attribute>
+        <attribute name="action">prefs.open-bug-report</attribute>
+      </item>
+      <item>
+        <attribute name="label" translatable="yes">License</attribute>
+        <attribute name="action">prefs.open-license</attribute>
+      </item>
+      <submenu>
+        <attribute name="label" translatable="yes">Donate</attribute>
+        <item>
+          <attribute name="label">GitHub</attribute>
+          <attribute name="action">prefs.donate-github</attribute>
+        </item>
+        <item>
+          <attribute name="label">Ko-fi</attribute>
+          <attribute name="action">prefs.donate-kofi</attribute>
+        </item>
+      </submenu>
+    </section>
+  </menu>
+
+  <object class="GtkMenuButton" id="info_menu">
+    <property name="menu-model">info_menu_model</property>
+    <property name="icon-name">heart-symbolic</property>
+  </object>
+
+  <object class="AdwPreferencesPage" id="menu_util"></object>
+</interface>
\ No newline at end of file
diff --git a/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/other.ui b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/other.ui
new file mode 100644
index 0000000..e136e38
--- /dev/null
+++ b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/other.ui
@@ -0,0 +1,208 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface domain="blur-my-shell@aunetx">
+  <template class="Other" parent="AdwPreferencesPage">
+    <property name="name">other</property>
+    <property name="title" translatable="yes">Other</property>
+    <property name="icon-name">other-symbolic</property>
+
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="title" translatable="yes">Lockscreen blur</property>
+        <property name="description" translatable="yes">Change the blur of the lockscreen to use this extension's preferences.</property>
+        <property name="header-suffix">
+          <object class="GtkSwitch" id="lockscreen_blur">
+            <property name="valign">center</property>
+          </object>
+        </property>
+
+        <child>
+          <object class="PipelineChooseRow" id="lockscreen_pipeline_choose_row">
+            <property name="sensitive" bind-source="lockscreen_blur" bind-property="state" bind-flags="sync-create" />
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="title" translatable="yes">Screenshot blur</property>
+        <property name="description" translatable="yes">Add blur to the background of the window selector in the screenshot UI.</property>
+        <property name="header-suffix">
+          <object class="GtkSwitch" id="screenshot_blur">
+            <property name="valign">center</property>
+          </object>
+        </property>
+
+        <child>
+          <object class="PipelineChooseRow" id="screenshot_pipeline_choose_row">
+            <property name="sensitive" bind-source="screenshot_blur" bind-property="state" bind-flags="sync-create" />
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="title" translatable="yes">Window list extension blur</property>
+        <property name="description" translatable="yes">Make the window-list extension blurred, if it is used.</property>
+        <property name="header-suffix">
+          <object class="GtkSwitch" id="window_list_blur">
+            <property name="valign">center</property>
+          </object>
+        </property>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Sigma</property>
+            <property name="subtitle" translatable="yes">The intensity of the blur.</property>
+            <property name="activatable-widget">window_list_sigma_scale</property>
+            <property name="sensitive" bind-source="window_list_blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkScale" id="window_list_sigma_scale">
+                <property name="valign">center</property>
+                <property name="hexpand">true</property>
+                <property name="width-request">200px</property>
+                <property name="draw-value">true</property>
+                <property name="value-pos">right</property>
+                <property name="digits">0</property>
+                <property name="adjustment">window_list_sigma</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Brightness</property>
+            <property name="subtitle" translatable="yes">The brightness of the blur effect, a high value might make the text harder to read.</property>
+            <property name="activatable-widget">window_list_brightness_scale</property>
+            <property name="sensitive" bind-source="window_list_blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkScale" id="window_list_brightness_scale">
+                <property name="valign">center</property>
+                <property name="hexpand">true</property>
+                <property name="width-request">200px</property>
+                <property name="draw-value">true</property>
+                <property name="value-pos">right</property>
+                <property name="digits">2</property>
+                <property name="adjustment">window_list_brightness</property>
+              </object>
+            </child>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="title" translatable="yes">Coverflow Alt-Tab extension blur</property>
+        <property name="description" translatable="yes">Make the coverflow alt-tab extension blurred, if it is used.</property>
+        <property name="header-suffix">
+          <object class="GtkSwitch" id="coverflow_alt_tab_blur">
+            <property name="valign">center</property>
+          </object>
+        </property>
+
+        <child>
+          <object class="PipelineChooseRow" id="coverflow_alt_tab_pipeline_choose_row">
+            <property name="sensitive" bind-source="coverflow_alt_tab_blur" bind-property="state" bind-flags="sync-create" />
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="title" translatable="yes">Performance</property>
+        <property name="description" translatable="yes">Various options to tweak the performance.</property>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Hack level</property>
+            <property name="subtitle" translatable="yes">Changes the behaviour of the dynamic blur effect. The default value is highly recommended.
+The “No artifact” option will entirely disable clipped redraws in GNOME shell, and will impact your computer performances significantly.</property>
+            <property name="activatable-widget">hack_level</property>
+            <child>
+              <object class="GtkDropDown" id="hack_level">
+                <property name="valign">center</property>
+                <property name="model">hack_level_model</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Debug</property>
+            <property name="subtitle" translatable="yes">Makes the extension verbose in logs, activate when you need to report an issue.</property>
+            <property name="activatable-widget">debug</property>
+            <child>
+              <object class="GtkSwitch" id="debug">
+                <property name="valign">center</property>
+              </object>
+            </child>
+          </object>
+        </child>
+      </object>
+    </child>
+
+
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="title" translatable="yes">Reset preferences</property>
+        <property name="description" translatable="yes">Resets preferences of Blur my Shell irreversibly.</property>
+        <property name="header-suffix">
+          <object class="GtkButton" id="reset">
+            <property name="halign">start</property>
+            <property name="valign">center</property>
+            <child>
+              <object class="GtkBox">
+                <property name="margin-start">20</property>
+                <property name="margin-end">20</property>
+                <property name="margin-top">6</property>
+                <property name="margin-bottom">6</property>
+                <child>
+                  <object class="GtkImage">
+                    <property name="margin-end">6</property>
+                    <property name="icon-name">reset-symbolic</property>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkLabel">
+                    <property name="label" translatable="yes">Reset</property>
+                  </object>
+                </child>
+              </object>
+            </child>
+            <style>
+              <class name="circular" />
+              <class name="destructive-action" />
+            </style>
+          </object>
+        </property>
+      </object>
+    </child>
+  </template>
+
+  <object class="GtkAdjustment" id="window_list_sigma">
+    <property name="lower">0</property>
+    <property name="upper">100</property>
+    <property name="step-increment">1</property>
+  </object>
+
+  <object class="GtkAdjustment" id="window_list_brightness">
+    <property name="lower">0.0</property>
+    <property name="upper">1.0</property>
+    <property name="step-increment">0.01</property>
+  </object>
+
+  <object class="GtkStringList" id="hack_level_model">
+    <items>
+      <item translatable="yes">High performances</item>
+      <item translatable="yes">Default</item>
+      <item translatable="yes">No artifact</item>
+    </items>
+  </object>
+</interface>
\ No newline at end of file
diff --git a/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/overview.ui b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/overview.ui
new file mode 100644
index 0000000..36b91fc
--- /dev/null
+++ b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/overview.ui
@@ -0,0 +1,143 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface domain="blur-my-shell@aunetx">
+  <template class="Overview" parent="AdwPreferencesPage">
+    <property name="name">overview</property>
+    <property name="title" translatable="yes">Overview</property>
+    <property name="icon-name">overview-symbolic</property>
+
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="title" translatable="yes">Background blur</property>
+        <property name="description" translatable="yes">Add blur to the overview background, using the wallpaper picture.</property>
+        <property name="header-suffix">
+          <object class="GtkSwitch" id="overview_blur">
+            <property name="valign">center</property>
+          </object>
+        </property>
+
+        <child>
+          <object class="PipelineChooseRow" id="pipeline_choose_row">
+            <property name="sensitive" bind-source="overview_blur" bind-property="state" bind-flags="sync-create" />
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Overview components style</property>
+            <property name="subtitle" translatable="yes">The semi-transparent style for the dash, search entry/results, and application folders.</property>
+            <property name="sensitive" bind-source="overview_blur" bind-property="state" bind-flags="sync-create" />
+            <property name="activatable-widget">overview_style_components</property>
+
+            <child>
+              <object class="GtkDropDown" id="overview_style_components">
+                <property name="valign">center</property>
+                <property name="model">overview_style_components_model</property>
+              </object>
+            </child>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="title" translatable="yes">Application folder blur</property>
+        <property name="description" translatable="yes">Makes the background of application folder dialogs blurred.</property>
+        <property name="header-suffix">
+          <object class="GtkSwitch" id="appfolder_blur">
+            <property name="valign">center</property>
+          </object>
+        </property>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Sigma</property>
+            <property name="subtitle" translatable="yes">The intensity of the blur.</property>
+            <property name="activatable-widget">appfolder_sigma_scale</property>
+            <property name="sensitive" bind-source="appfolder_blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkScale" id="appfolder_sigma_scale">
+                <property name="valign">center</property>
+                <property name="hexpand">true</property>
+                <property name="width-request">200px</property>
+                <property name="draw-value">true</property>
+                <property name="value-pos">right</property>
+                <property name="digits">0</property>
+                <property name="adjustment">appfolder_sigma</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Brightness</property>
+            <property name="subtitle" translatable="yes">The brightness of the blur effect, a high value might make the text harder to read.</property>
+            <property name="activatable-widget">appfolder_brightness_scale</property>
+            <property name="sensitive" bind-source="appfolder_blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkScale" id="appfolder_brightness_scale">
+                <property name="valign">center</property>
+                <property name="hexpand">true</property>
+                <property name="width-request">200px</property>
+                <property name="draw-value">true</property>
+                <property name="value-pos">right</property>
+                <property name="digits">2</property>
+                <property name="adjustment">appfolder_brightness</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Application folder dialogs style</property>
+            <property name="subtitle" translatable="yes">The semi-transparent style for the application folder dialogs.</property>
+            <property name="sensitive" bind-source="appfolder_blur" bind-property="state" bind-flags="sync-create" />
+            <property name="activatable-widget">appfolder_style_dialogs</property>
+
+            <child>
+              <object class="GtkDropDown" id="appfolder_style_dialogs">
+                <property name="valign">center</property>
+                <property name="model">appfolder_style_dialogs_model</property>
+              </object>
+            </child>
+          </object>
+        </child>
+      </object>
+    </child>
+  </template>
+
+  <object class="GtkStringList" id="overview_style_components_model">
+    <items>
+      <item translatable="yes">Do not style</item>
+      <item translatable="yes">Light</item>
+      <item translatable="yes">Dark</item>
+      <item translatable="yes">Transparent</item>
+    </items>
+  </object>
+
+  <object class="GtkAdjustment" id="appfolder_sigma">
+    <property name="lower">0</property>
+    <property name="upper">100</property>
+    <property name="step-increment">1</property>
+  </object>
+
+  <object class="GtkAdjustment" id="appfolder_brightness">
+    <property name="lower">0.0</property>
+    <property name="upper">1.0</property>
+    <property name="step-increment">0.01</property>
+  </object>
+
+
+  <object class="GtkStringList" id="appfolder_style_dialogs_model">
+    <items>
+      <item translatable="yes">Do not style</item>
+      <item translatable="yes">Transparent</item>
+      <item translatable="yes">Light</item>
+      <item translatable="yes">Dark</item>
+    </items>
+  </object>
+</interface>
\ No newline at end of file
diff --git a/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/panel.ui b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/panel.ui
new file mode 100644
index 0000000..306f4ef
--- /dev/null
+++ b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/panel.ui
@@ -0,0 +1,240 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface domain="blur-my-shell@aunetx">
+  <template class="Panel" parent="AdwPreferencesPage">
+    <property name="name">panel</property>
+    <property name="title" translatable="yes">Panel</property>
+    <property name="icon-name">bottom-panel-symbolic</property>
+
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="title" translatable="yes">Panel blur</property>
+        <property name="description" translatable="yes">Blur the top panel using the background image.</property>
+        <property name="header-suffix">
+          <object class="GtkSwitch" id="blur">
+            <property name="valign">center</property>
+          </object>
+        </property>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Blur type</property>
+            <property name="subtitle" translatable="yes">The dynamic blur is slower and only compatible with a gaussian blur effect.</property>
+            <property name="activatable-widget">blur_mode_choose</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkBox" id="blur_mode_choose">
+                <property name="valign">center</property>
+                <property name="hexpand">false</property>
+                <style>
+                  <class name="linked" />
+                </style>
+
+                <child>
+                  <object class="GtkToggleButton" id="mode_static">
+                    <property name="valign">center</property>
+                    <property name="hexpand">true</property>
+                    <property name="group">mode_dynamic</property>
+                    <property name="child">
+                      <object class="AdwButtonContent">
+                        <property name="icon-name">static-mode-symbolic</property>
+                        <property name="label" translatable="yes">Static</property>
+                      </object>
+                    </property>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkToggleButton" id="mode_dynamic">
+                    <property name="valign">center</property>
+                    <property name="hexpand">true</property>
+                    <property name="child">
+                      <object class="AdwButtonContent">
+                        <property name="icon-name">dynamic-mode-symbolic</property>
+                        <property name="label" translatable="yes">Dynamic</property>
+                      </object>
+                    </property>
+                  </object>
+                </child>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="PipelineChooseRow" id="pipeline_choose_row">
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow" id="sigma_row">
+            <property name="title" translatable="yes">Sigma</property>
+            <property name="subtitle" translatable="yes">The intensity of the blur.</property>
+            <property name="activatable-widget">sigma_scale</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkScale" id="sigma_scale">
+                <property name="valign">center</property>
+                <property name="hexpand">true</property>
+                <property name="width-request">200px</property>
+                <property name="draw-value">true</property>
+                <property name="value-pos">right</property>
+                <property name="digits">0</property>
+                <property name="adjustment">sigma</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow" id="brightness_row">
+            <property name="title" translatable="yes">Brightness</property>
+            <property name="subtitle" translatable="yes">The brightness of the blur effect, a high value might make the text harder to read.</property>
+            <property name="activatable-widget">brightness_scale</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkScale" id="brightness_scale">
+                <property name="valign">center</property>
+                <property name="hexpand">true</property>
+                <property name="width-request">200px</property>
+                <property name="draw-value">true</property>
+                <property name="value-pos">right</property>
+                <property name="digits">2</property>
+                <property name="adjustment">brightness</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Force light text</property>
+            <property name="subtitle" translatable="yes">Use a light text for the panel, useful when using gnome-shell's light theme.</property>
+            <property name="activatable-widget">force_light_text</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkSwitch" id="force_light_text">
+                <property name="valign">center</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwExpanderRow" id="override_background">
+            <property name="title" translatable="yes">Override background</property>
+            <property name="subtitle" translatable="yes">Override the background of the panel to use a transparent or semi-transparent one.
+Recommended unless you want to customize your GNOME theme.</property>
+            <property name="show-enable-switch">true</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="AdwActionRow">
+                <property name="title" translatable="yes">Background style</property>
+                <property name="subtitle" translatable="yes">The transparent/semi-transparent style for the panel background.</property>
+                <property name="activatable-widget">style_panel</property>
+
+                <child>
+                  <object class="GtkDropDown" id="style_panel">
+                    <property name="valign">center</property>
+                    <property name="model">style_panel_model</property>
+                  </object>
+                </child>
+              </object>
+            </child>
+
+            <child>
+              <object class="AdwActionRow">
+                <property name="title" translatable="yes">Disable when a window is near</property>
+                <property name="subtitle" translatable="yes">Disables the transparency of the panel when a window is near it.</property>
+                <property name="activatable-widget">override_background_dynamically</property>
+
+                <child>
+                  <object class="GtkSwitch" id="override_background_dynamically">
+                    <property name="valign">center</property>
+                  </object>
+                </child>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Disable in overview</property>
+            <property name="subtitle" translatable="yes">Disables the blur from the panel when entering the overview.</property>
+            <property name="activatable-widget">unblur_in_overview</property>
+            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkSwitch" id="unblur_in_overview">
+                <property name="valign">center</property>
+              </object>
+            </child>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="title" translatable="yes">Compatibility</property>
+        <property name="description" translatable="yes">Various options to provide compatibility with other extensions.</property>
+        <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Hidetopbar extension</property>
+            <property name="subtitle" translatable="yes">Does not disable the blur in overview, best used with static blur.</property>
+            <property name="activatable-widget">hidetopbar_compatibility</property>
+            <property name="sensitive" bind-source="unblur_in_overview" bind-property="state" bind-flags="sync-create" />
+
+            <child>
+              <object class="GtkSwitch" id="hidetopbar_compatibility">
+                <property name="valign">center</property>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Blur original panel with Dash to Panel</property>
+            <property name="subtitle" translatable="yes">Enables the blurring of the original panel with Dash to Panel, if selected in the extension's options.</property>
+            <property name="activatable-widget">dtp_blur_original_panel</property>
+
+            <child>
+              <object class="GtkSwitch" id="dtp_blur_original_panel">
+                <property name="valign">center</property>
+              </object>
+            </child>
+          </object>
+        </child>
+      </object>
+    </child>
+  </template>
+
+  <object class="GtkStringList" id="style_panel_model">
+    <items>
+      <item translatable="yes">Transparent</item>
+      <item translatable="yes">Light</item>
+      <item translatable="yes">Dark</item>
+      <item translatable="yes">Contrasted</item>
+    </items>
+  </object>
+
+  <object class="GtkAdjustment" id="sigma">
+    <property name="lower">0</property>
+    <property name="upper">100</property>
+    <property name="step-increment">1</property>
+  </object>
+
+  <object class="GtkAdjustment" id="brightness">
+    <property name="lower">0.0</property>
+    <property name="upper">1.0</property>
+    <property name="step-increment">0.01</property>
+  </object>
+</interface>
\ No newline at end of file
diff --git a/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/pipeline-choose-row.ui b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/pipeline-choose-row.ui
new file mode 100644
index 0000000..72b854b
--- /dev/null
+++ b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/pipeline-choose-row.ui
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface domain="blur-my-shell@aunetx">
+  <template class="PipelineChooseRow" parent="AdwActionRow">
+    <property name="title" translatable="yes">Pipeline</property>
+    <property name="subtitle" translatable="yes">The pipeline to be used with this component.</property>
+    <property name="activatable-widget">pipeline_choose</property>
+
+    <child>
+      <object class="GtkBox">
+        <property name="valign">center</property>
+        <property name="hexpand">false</property>
+        <style>
+          <class name="linked" />
+        </style>
+
+        <child>
+          <object class="GtkDropDown" id="pipeline_choose">
+            <property name="valign">center</property>
+            <property name="hexpand">true</property>
+            <property name="model">
+              <object class="GtkStringList" id="pipeline_model">
+                <items>
+                </items>
+              </object>
+            </property>
+          </object>
+        </child>
+
+        <child>
+          <object class="GtkButton" id="pipeline_edit">
+            <property name="valign">center</property>
+            <property name="hexpand">true</property>
+            <property name="icon-name">edit-row-symbolic</property>
+          </object>
+        </child>
+      </object>
+    </child>
+  </template>
+</interface>
\ No newline at end of file
diff --git a/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/pipeline-group.ui b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/pipeline-group.ui
new file mode 100644
index 0000000..19a12bf
--- /dev/null
+++ b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/pipeline-group.ui
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface domain="blur-my-shell@aunetx">
+  <template class="PipelineGroup" parent="AdwPreferencesGroup">
+    <child>
+      <object class="AdwEntryRow" id="title">
+        <property name="title" translatable="yes">Pipeline name</property>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow" id="effects_description_row">
+        <property name="activatable-widget">manage_effects</property>
+
+        <child>
+          <object class="GtkButton" id="manage_effects">
+            <property name="valign">center</property>
+            <property name="child">
+              <object class="AdwButtonContent">
+                <property name="icon-name">edit-row-symbolic</property>
+                <property name="label" translatable="yes">Manage effects</property>
+                <property name="use-underline">True</property>
+              </object>
+            </property>
+          </object>
+        </child>
+      </object>
+    </child>
+  </template>
+</interface>
\ No newline at end of file
diff --git a/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/pipelines.ui b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/pipelines.ui
new file mode 100644
index 0000000..555ec0a
--- /dev/null
+++ b/raveos-theme/gnome/theme-data/extensions/installed/blur-my-shell@aunetx/ui/pipelines.ui
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface domain="blur-my-shell@aunetx">
+  <template class="Pipelines" parent="AdwPreferencesPage">
+    <property name="name">pipelines</property>
+    <property name="title" translatable="yes">Pipelines</property>
+    <property name="icon-name">pipelines-symbolic</property>
+
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="description" translatable="yes">Each component uses a pipeline, which can be chosen in the corresponding tab. Here you can create, modify and delete the pipelines and their effects.</property>
+
+        <property name="header-suffix">
+          <object class="GtkButton" id="add_pipeline">
+            <property name="halign">start</property>
+            <property name="valign">center</property>
+            <property name="margin-start">12</property>
+            <child>
+              <object class="GtkBox">
+                <property name="margin-start">12</property>
+                <property name="margin-end">12</property>
+                <child>
+                  <object class="GtkImage">
+                    <property name="margin-end">6</property>
+                    <property name="icon-name">list-add-symbolic</property>
+                  </object>
+                </child>
+                <child>
+                  <object class="GtkLabel">
+                    <property name="label" translatable="yes">Add Pipeline</property>
+                  </object>
+                </child>
+              </object>
+            </child>
+            <style>
+              <class name="circular" />
+              <class name="suggested-action" />
+            </style>
+          </object>
+        </property>
+      </object>
+    </child>
+
+  </template>
+</interface>
\ No newline at end of file