🔀 Merge pull request #236 from Schneegans/feature/restructure-settings

docs/changelog.md

@@ -11,10 +11,11 @@ SPDX-License-Identifier: CC-BY-4.0
 
 #### New Features
 
-* **New Effect: Glide.** A very subtle effect which simply fades the window and applies some 3D-like tilting and scaling.
+* **New Effect: Glide.** A very subtle effect which simply fades the window and applies some 3D-like tilting and scaling. This effect is available on all support GNOME versions and on KDE.
 
 #### Other Enhancements
 
+* The settings dialog has been redesigned specifically for libadwaita. These changes are only available on GNOME 42 and GNOME 43.
 * Burn-My-Windows now follows the [REUSE Specification](https://reuse.software/spec).
 * The KWin port of Burn-My-Windows now uses `metadata.json` files instead of the deprecated `metadata.desktop` format.
 

docs/how-to-create-new-effects.md

@@ -268,12 +268,12 @@ gnome-extensions prefs burn-my-windows@schneegans.github.com
 
 There should be two sliders in this example: The animation duration and the width of the fading gradient.
 
-If your effect supports GNOME Shell 3.3x _and_ GNOME Shell 40+, you will have to provide two `*.ui` files for this.
+If your effect supports GNOME Shell 3.3x _and_ GNOME Shell 40+, you will have to provide three `*.ui` files for this.
 This is because starting with GNOME Shell 40, the preference dialog uses GTK4, before it used to use GTK3.
-Usually, there are only a few minor differences between the two files.
+Starting with GNOME Shell 42, it uses `libadwaita` which requires different UI files again.
 We will load the respective file in the `getPreferences()` method of your new effect class.
 
-Just save the code below to `resources/ui/gtk3/SimpleFade.ui` and `resources/ui/gtk4/SimpleFade.ui` respectively.
+Just save the code below to `resources/ui/gtk3/SimpleFade.ui`, `resources/ui/gtk4/SimpleFade.ui`, and `resources/ui/adw/SimpleFade.ui` respectively.
 Remember to replace any occurrence of `simple-fade` with your effect's nick-name!
 
 <details>
@@ -423,6 +423,9 @@ SPDX-License-Identifier: GPL-3.0-or-later
 
 </details>
 
+
+
+
 <details>
   <summary>Expand this to show the GTK4 code.</summary>
 
@@ -553,6 +556,95 @@ SPDX-License-Identifier: GPL-3.0-or-later
 
 </details>
 
+
+<details>
+  <summary>Expand this to show the libadwaita code.</summary>
+
+```xml
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Your Name <your@email.com>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface>
+
+  <object class="GtkAdjustment" id="simple-fade-animation-time">
+    <property name="upper">5000</property>
+    <property name="lower">100</property>
+    <property name="step-increment">10</property>
+    <property name="page-increment">100</property>
+  </object>
+
+  <object class="GtkAdjustment" id="simple-fade-width">
+    <property name="upper">1</property>
+    <property name="lower">0</property>
+    <property name="step-increment">0.01</property>
+    <property name="page-increment">0.1</property>
+  </object>
+
+  <object class="AdwActionRow" id="simple-fade-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">simple-fade-animation-time</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-simple-fade-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Fade Width</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">simple-fade-width</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-simple-fade-width">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>
+```
+
+</details>
+
 ### Loading the Preferences Page
 
 In order to load the above `*.ui` files, add the following code to your effect's `getPreferences()` method.
@@ -561,7 +653,7 @@ In order to load the above `*.ui` files, add the following code to your effect's
 static getPreferences(dialog) {
 
   // Add the settings page to the builder.
-  dialog.getBuilder().add_from_resource(`/ui/${utils.getGTKString()}/SimpleFade.ui`);
+  dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/SimpleFade.ui`);
 
   // These connect the settings to the UI elements. Have a look at prefs.js
   // on how to bind other types of UI elements.

prefs.js

@@ -97,7 +97,7 @@ var PreferencesDialog = class PreferencesDialog {
     // Load the general user interface files.
     this._builder = new Gtk.Builder();
     this._builder.add_from_resource(`/ui/common/main-menu.ui`);
-    this._builder.add_from_resource(`/ui/${utils.getGTKString()}/prefs.ui`);
+    this._builder.add_from_resource(`/ui/${utils.getUIDir()}/prefs.ui`);
 
     // Bind general options properties.
     this.bindSwitch('destroy-dialogs');
@@ -107,7 +107,7 @@ var PreferencesDialog = class PreferencesDialog {
     // the time - it seems that pop!_OS does not support libadwaita even on GNOME 42). We
     // have to use a different layout, as the stack sidebar looks pretty ugly with the
     // included Adw.Clamp...
-    if (Adw && utils.shellVersionIsAtLeast(42, 'beta')) {
+    if (utils.isADW()) {
 
       // This is our top-level widget which we will return later.
       this._widget = new Gtk.Box({orientation: Gtk.Orientation.VERTICAL});
@@ -116,62 +116,96 @@ var PreferencesDialog = class PreferencesDialog {
       const generalPrefs = this._builder.get_object('general-prefs');
       this.gtkBoxAppend(this._widget, generalPrefs);
 
-      // Then add a preferences group with action rows to open the effect subpages.
+      // Then add a preferences group for the effect expander rows.
-      const group = new Adw.PreferencesGroup({title: _('Effect Options')});
+      const group = new Adw.PreferencesGroup({title: _('Effects')});
       this.gtkBoxAppend(this._widget, group);
 
+      // This stores all expander rows for the effects. We use this to implement the
+      // accordion-functionality of the effect settings.
+      this._effectRows = [];
+
+      // Now add all the rows.
       this._ALL_EFFECTS.forEach(effect => {
         const [minMajor, minMinor] = effect.getMinShellVersion();
         if (utils.shellVersionIsAtLeast(minMajor, minMinor)) {
+          const row = effect.getPreferences(this);
 
-          const row = new Adw.ActionRow({title: effect.getLabel(), activatable: true});
+          // On older versions of Adw (e.g. on GNOME Shell <43), the set_use_markup() does
-          row.add_suffix(new Gtk.Image({icon_name: 'go-next-symbolic'}));
+          // not yet exist.
-
+          if (row.set_use_markup) {
-          // Open a subpage with the effect's settings.
+            row.set_title('<b>' + effect.getLabel() + '</b>');
-          row.connect('activated', () => {
+            row.set_use_markup(true);
-            const page         = new BurnMyWindowsEffectPage(effect, this);
+          } else {
-            page.valign        = Gtk.Align.CENTER;
+            row.set_title(effect.getLabel());
-            page.margin_top    = 10;
-            page.margin_bottom = 10;
-            page.margin_start  = 10;
-            page.margin_end    = 10;
-
-            // Add the effect's preferences (if any).
-            const preferences = effect.getPreferences(this);
-            if (preferences) {
-              this.gtkBoxAppend(page, preferences);
           }
 
-            // Add a button for back navigation.
+          // Un-expand any previously expanded effect row. This way we ensure that there
-            const backButton = new Gtk.Button({
+          // is only one expanded row at any time.
-              halign: Gtk.Align.CENTER,
+          row.connect('notify::expanded', currentRow => {
-              label: _('Go Back'),
+            if (currentRow.get_expanded()) {
+              this._effectRows.forEach(row => {
+                if (row != currentRow) {
+                  row.set_expanded(false);
+                }
               });
-            backButton.add_css_class('suggested-action');
+            }
-            backButton.add_css_class('pill-button');
-            backButton.connect('clicked', () => {
-              row.get_root().close_subpage();
           });
 
-            this.gtkBoxAppend(page, backButton);
+          // Add three buttons on the right.
+          const box = new Gtk.Box();
+          box.set_spacing(8);
 
-            // Wrap the preferences group in an Adw.Clamp.
+          // The preview button.
-            const clamp = new Adw.Clamp({
+          const previewButton = Gtk.Button.new_from_icon_name('bmw-preview-symbolic');
-              child: page,
+          previewButton.add_css_class('circular');
-              maximum_size: 600,
+          previewButton.add_css_class('flat');
-              tightening_threshold: 400,
+          previewButton.set_tooltip_text(_('Preview this effect'));
+          previewButton.set_valign(Gtk.Align.CENTER);
+          box.append(previewButton);
+
+          previewButton.connect('clicked', () => {
+            this._previewEffect(effect);
           });
 
-            // Open the subpage on click.
+          // Now add the two toggle buttons for enabling and disabling the effect.
-            row.get_root().present_subpage(clamp);
+          const addToggle = (action, tooltip) => {
+            const button = Gtk.ToggleButton.new();
+            button.set_action_name(
+              `${action}-effects.${effect.getNick()}-${action}-effect`);
+            button.set_child(
+              Gtk.Image.new_from_icon_name(`bmw-window-${action}-symbolic`));
+            button.set_tooltip_text(tooltip);
+            button.set_valign(Gtk.Align.CENTER);
+
+            // We switch some class when the button is enabled in order to make it more
+            // apparent which effects are currently in use.
+            button.add_css_class('circular');
+            button.add_css_class('flat');
+            button.connect('toggled', button => {
+              if (button.active) {
+                button.add_css_class('suggested-action');
+                button.remove_css_class('flat');
+              } else {
+                button.remove_css_class('suggested-action');
+                button.add_css_class('flat');
+              }
             });
 
+            box.append(button);
+          };
+
+          addToggle('open', _('Use this effect when opening windows'));
+          addToggle('close', _('Use this effect when closing windows'));
+
+          row.add_action(box);
           group.add(row);
+
+          this._effectRows.push(row);
         }
       });
-
     }
-    // On older GNOME versions, we use a StackSidebar.
+    // On older GNOME versions, we use a StackSidebar. The code below works both, on GTK3
+    // and GTK4.
     else {
 
       // This is our top-level widget which we will return later.
@@ -305,44 +339,46 @@ var PreferencesDialog = class PreferencesDialog {
 
       // Populate the open-effects drop-down menu.
       {
-        const menu  = this._builder.get_object('open-effect-menu');
         const group = Gio.SimpleActionGroup.new();
         window.insert_action_group('open-effects', group);
 
         this._ALL_EFFECTS.forEach(effect => {
           const [minMajor, minMinor] = effect.getMinShellVersion();
           if (utils.shellVersionIsAtLeast(minMajor, minMinor)) {
-            const nick       = effect.getNick();
+            const actionName = effect.getNick() + '-open-effect';
-            const label      = effect.getLabel();
-            const actionName = nick + '-open-effect';
-            const fullName   = 'open-effects.' + actionName;
-
             const action     = this._settings.create_action(actionName);
             group.add_action(action);
 
-            menu.append_item(Gio.MenuItem.new(label, fullName));
+            // The menu only exists if not using libadwaita. With libadwaita, individual
+            // ToggleButtons are used for triggering the above actions.
+            if (!utils.isADW()) {
+              const menu  = this._builder.get_object('open-effect-menu');
+              const label = effect.getLabel();
+              menu.append_item(Gio.MenuItem.new(label, 'open-effects.' + actionName));
+            }
           }
         });
       }
 
       // Populate the close-effects drop-down menu.
       {
-        const menu  = this._builder.get_object('close-effect-menu');
         const group = Gio.SimpleActionGroup.new();
         window.insert_action_group('close-effects', group);
 
         this._ALL_EFFECTS.forEach(effect => {
           const [minMajor, minMinor] = effect.getMinShellVersion();
           if (utils.shellVersionIsAtLeast(minMajor, minMinor)) {
-            const nick       = effect.getNick();
+            const actionName = effect.getNick() + '-close-effect';
-            const label      = effect.getLabel();
-            const actionName = nick + '-close-effect';
-            const fullName   = 'close-effects.' + actionName;
-
             const action     = this._settings.create_action(actionName);
             group.add_action(action);
 
-            menu.append_item(Gio.MenuItem.new(label, fullName));
+            // The menu only exists if not using libadwaita. With libadwaita, individual
+            // ToggleButtons are used for triggering the above actions.
+            if (!utils.isADW()) {
+              const menu  = this._builder.get_object('close-effect-menu');
+              const label = effect.getLabel();
+              menu.append_item(Gio.MenuItem.new(label, 'close-effects.' + actionName));
+            }
           }
         });
       }
@@ -482,30 +518,12 @@ var PreferencesDialog = class PreferencesDialog {
     return null;
   }
 
-  // Initializes template widgets used by the preferences dialog.
+  // Opens a modal window using the given effect.
-  _registerCustomClasses() {
+  _previewEffect(effect) {
 
-    // Each effect page is based on a template widget. This template contains the title
-    // and the preview button.
-    if (GObject.type_from_name('BurnMyWindowsEffectPage') == null) {
-      BurnMyWindowsEffectPage = GObject.registerClass(
-        {
-          GTypeName: 'BurnMyWindowsEffectPage',
-          Template: `resource:///ui/${utils.getGTKString()}/effectPage.ui`,
-          InternalChildren: ['label', 'button'],
-        },
-        class BurnMyWindowsEffectPage extends Gtk.Box {  // ------------------------------
-          _init(effect, dialog) {
-            super._init();
-
-            // Set the effect's name as label.
-            this._label.label = effect.getLabel();
-
-            // Open the preview window once the preview button is clicked.
-            this._button.connect('clicked', () => {
     // Set the to-be-previewed effect.
-              dialog.getSettings().set_string('open-preview-effect', effect.getNick());
+    this.getSettings().set_string('open-preview-effect', effect.getNick());
-              dialog.getSettings().set_string('close-preview-effect', effect.getNick());
+    this.getSettings().set_string('close-preview-effect', effect.getNick());
 
     // Make sure that the window.show() firther below "sees" this change.
     Gio.Settings.sync();
@@ -517,8 +535,8 @@ var PreferencesDialog = class PreferencesDialog {
       default_width: 800,
       default_height: 450,
       modal: true,
-                transient_for: utils.isGTK4() ? this._button.get_root() :
+      transient_for: utils.isGTK4() ? this._widget.get_root() :
-                                                this._button.get_toplevel()
+                                      this._widget.get_toplevel()
     });
 
     // Add a header bar to the window.
@@ -545,8 +563,8 @@ var PreferencesDialog = class PreferencesDialog {
       pixel_size: 128,
     });
 
-              dialog.gtkBoxAppend(box, image);
+    this.gtkBoxAppend(box, image);
-              dialog.gtkBoxAppend(box, label);
+    this.gtkBoxAppend(box, label);
 
     if (utils.isGTK4()) {
       window.set_child(box);
@@ -555,6 +573,30 @@ var PreferencesDialog = class PreferencesDialog {
       window.add(box);
       window.show_all();
     }
+  }
+
+  // Initializes template widgets used by the preferences dialog.
+  _registerCustomClasses() {
+
+    // If we are not using libadwaita, each effect page is based on a template widget.
+    // This template contains the title and the preview button.
+    if (!utils.isADW() && GObject.type_from_name('BurnMyWindowsEffectPage') == null) {
+      BurnMyWindowsEffectPage = GObject.registerClass(
+        {
+          GTypeName: 'BurnMyWindowsEffectPage',
+          Template: `resource:///ui/${utils.getUIDir()}/effectPage.ui`,
+          InternalChildren: ['label', 'button'],
+        },
+        class BurnMyWindowsEffectPage extends Gtk.Box {  // ------------------------------
+          _init(effect, dialog) {
+            super._init();
+
+            // Set the effect's name as label.
+            this._label.label = effect.getLabel();
+
+            // Open the preview window once the preview button is clicked.
+            this._button.connect('clicked', () => {
+              dialog._previewEffect(effect);
             });
           }
         });

resources/img/scalable/actions/bmw-preview-symbolic.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 16 16" width="16px"><path d="m 6.707031 0 c -0.316406 0.0273438 -0.53125 0.335938 -0.4375 0.640625 l 0.425781 1.542969 c -0.425781 0.109375 -0.839843 0.261718 -1.238281 0.457031 l -1.023437 -1.765625 c -0.09375 -0.164062 -0.269532 -0.261719 -0.457032 -0.253906 c -0.378906 0.011718 -0.605468 0.429687 -0.410156 0.757812 l 1.015625 1.757813 c -0.335937 0.214843 -0.664062 0.449219 -0.976562 0.703125 l -1.25 -1.253906 c -0.097657 -0.097657 -0.226563 -0.152344 -0.363281 -0.152344 c -0.445313 0.003906 -0.664063 0.546875 -0.347657 0.859375 l 1.222657 1.21875 c -0.28125 0.265625 -0.546876 0.523437 -0.792969 0.792969 l -0.71875 -0.71875 c -0.097657 -0.097657 -0.226563 -0.152344 -0.363281 -0.152344 c -0.445313 0.003906 -0.664063 0.546875 -0.347657 0.859375 l 0.765625 0.761719 c -0.886718 1.078124 -1.410156 1.945312 -1.410156 1.945312 s 3.582031 6 8 6 s 8 -6 8 -6 s -0.523438 -0.867188 -1.410156 -1.945312 l 0.765625 -0.761719 c 0.324219 -0.320313 0.089843 -0.871094 -0.367188 -0.859375 c -0.128906 0.003906 -0.25 0.058594 -0.34375 0.152344 l -0.71875 0.71875 c -0.199219 -0.21875 -0.410156 -0.425782 -0.632812 -0.644532 l 1.101562 -1.414062 c 0.269531 -0.335938 0.015625 -0.835938 -0.414062 -0.8125 c -0.148438 0.007812 -0.285157 0.078125 -0.375 0.199218 l -1.050781 1.34375 c -0.261719 -0.21875 -0.527344 -0.433593 -0.808594 -0.628906 l 1.074218 -1.738281 c 0.21875 -0.34375 -0.046874 -0.792969 -0.453124 -0.765625 c -0.164063 0.007812 -0.3125 0.097656 -0.398438 0.242188 l -1.074219 1.738281 c -0.367187 -0.203125 -0.742187 -0.371094 -1.128906 -0.503907 l 0.570313 -1.648437 c 0.117187 -0.324219 -0.117188 -0.6640625 -0.460938 -0.671875 c -0.21875 -0.00390625 -0.414062 0.136719 -0.480469 0.34375 l -0.601562 1.722656 c -0.257813 -0.042968 -0.523438 -0.066406 -0.792969 -0.066406 c -0.105469 0 -0.207031 0.019531 -0.3125 0.027344 l -0.457031 -1.652344 c -0.054688 -0.21875 -0.25 -0.37109375 -0.472657 -0.375 c -0.019531 0 -0.035156 0 -0.054687 0 z m 1.292969 4 c 3.867188 0 6 4 6 4 s -2.132812 4 -6 4 s -6 -4 -6 -4 s 2.132812 -4 6 -4 z m 0 1 c -1.65625 0 -3 1.34375 -3 3 s 1.34375 3 3 3 s 3 -1.34375 3 -3 s -1.34375 -3 -3 -3 z m 0 0" fill="#222222"/></svg>

resources/img/scalable/actions/bmw-window-close-symbolic.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg1805"
+   sodipodi:docname="bmw-window-close-symbolic.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   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">
+  <defs
+     id="defs1809" />
+  <sodipodi:namedview
+     id="namedview1807"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="true"
+     inkscape:zoom="48.753581"
+     inkscape:cx="8.4096386"
+     inkscape:cy="9.3736703"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1805">
+    <inkscape:grid
+       type="xygrid"
+       id="grid1893" />
+  </sodipodi:namedview>
+  <path
+     d="M 2.994,1.008 C 1.994,1.008 0.988,2 0.988,3 V 15.02 L 7,15 V 13 L 2.988,13.02 V 5 H 13 v 2 h 2 V 3 C 15,2 13.994,1.008 12.994,1.008 Z"
+     font-family="sans-serif"
+     font-weight="400"
+     overflow="visible"
+     style="text-indent:0;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;text-transform:none;white-space:normal;isolation:auto;mix-blend-mode:normal;fill:#2e3436"
+     id="path1799"
+     sodipodi:nodetypes="ssccccccccsss" />
+  <path
+     d="m 8,8 h 1 0.03125 c 0.253906,0.011719 0.511719,0.128906 0.6875,0.3125 L 12,10.59375 14.3125,8.3125 C 14.578125,8.082031 14.757812,8.007812 15,8 h 1 v 1 c 0,0.285156 -0.03516,0.550781 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 15.90625,14.46875 16,14.734375 16,15 v 1 h -1 c -0.265625,0 -0.53125,-0.09375 -0.71875,-0.28125 L 12,13.4375 9.71875,15.71875 C 9.53125,15.90625 9.265625,16 9,16 H 8 v -1 c 0,-0.265625 0.09375,-0.53125 0.28125,-0.71875 l 2.28125,-2.25 L 8.28125,9.75 C 8.070312,9.554688 7.976562,9.28125 8,9 Z m 0,0"
+     fill="#222222"
+     id="path3029"
+     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#2e3436;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;-inkscape-stroke:none;stop-color:#000000;stop-opacity:1" />
+</svg>

resources/img/scalable/actions/bmw-window-open-symbolic.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   version="1.1"
+   id="svg1805"
+   sodipodi:docname="window-new-symbolic.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   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">
+  <defs
+     id="defs1809" />
+  <sodipodi:namedview
+     id="namedview1807"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="true"
+     inkscape:zoom="56.75"
+     inkscape:cx="8"
+     inkscape:cy="7.5770925"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1805">
+    <inkscape:grid
+       type="xygrid"
+       id="grid1893" />
+  </sodipodi:namedview>
+  <path
+     d="M 2.994,1.008 C 1.994,1.008 0.988,2 0.988,3 V 15.02 H 6 v -2 H 2.988 V 5 H 13 v 1 h 2 V 3 C 15,2 13.994,1.008 12.994,1.008 Z"
+     font-family="sans-serif"
+     font-weight="400"
+     overflow="visible"
+     style="text-indent:0;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;text-transform:none;white-space:normal;isolation:auto;mix-blend-mode:normal;fill:#2e3436"
+     id="path1799"
+     sodipodi:nodetypes="ssccccccccsss" />
+  <path
+     d="m 10,7 v 3 H 7 v 3 h 3 v 3 h 3 v -3 h 3 V 10 H 13 V 7 Z"
+     id="path1801"
+     style="fill:#2e3436;stroke-width:1" />
+</svg>

resources/ui/adw/Apparition.ui

@@ -0,0 +1,180 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+
+  <object class="AdwExpanderRow" id="apparition-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="apparition-animation-time">
+                <property name="upper">2000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">10</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-apparition-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Randomness</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="apparition-randomness">
+                <property name="upper">1</property>
+                <property name="lower">0</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-apparition-randomness">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Twirl Intensity</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">1</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="apparition-twirl-intensity">
+                <property name="upper">10</property>
+                <property name="lower">-10</property>
+                <property name="step-increment">0.1</property>
+                <property name="page-increment">1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-apparition-twirl-intensity">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Shake Intensity</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">1</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="apparition-shake-intensity">
+                <property name="upper">10</property>
+                <property name="lower">0</property>
+                <property name="step-increment">0.1</property>
+                <property name="page-increment">1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-apparition-shake-intensity">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Suction Intensity</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="apparition-suction-intensity">
+                <property name="upper">1</property>
+                <property name="lower">0</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-apparition-suction-intensity">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/BrokenGlass.ui

@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+
+  <object class="AdwExpanderRow" id="broken-glass-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="broken-glass-animation-time">
+                <property name="upper">10000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-broken-glass-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Scale</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="broken-glass-scale">
+                <property name="upper">5</property>
+                <property name="lower">0.2</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-broken-glass-scale">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Gravity</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="broken-glass-gravity">
+                <property name="upper">2.0</property>
+                <property name="lower">-2.0</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-broken-glass-gravity">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Blow Force</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="broken-glass-blow-force">
+                <property name="upper">2.0</property>
+                <property name="lower">-2.0</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-broken-glass-blow-force">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Shatter From Pointer Location</property>
+        <property name="subtitle" translatable="yes">The shards will fly away from where your mouse pointer was when closing the window.</property>
+        <property name="activatable-widget">broken-glass-use-pointer</property>
+        <child>
+          <object class="GtkSwitch" id="broken-glass-use-pointer">
+            <property name="valign">center</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-broken-glass-use-pointer">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/Doom.ui

@@ -0,0 +1,146 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+  <object class="AdwExpanderRow" id="doom-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="doom-animation-time">
+                <property name="upper">10000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-doom-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Horizontal Scale</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="doom-horizontal-scale">
+                <property name="upper">50</property>
+                <property name="lower">1</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">10</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-doom-horizontal-scale">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Vertical Scale</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="doom-vertical-scale">
+                <property name="upper">50</property>
+                <property name="lower">1</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">10</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-doom-vertical-scale">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Pixel Size</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="doom-pixel-size">
+                <property name="upper">50</property>
+                <property name="lower">1</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">10</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-doom-pixel-size">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/EnergizeA.ui

@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+  <object class="AdwExpanderRow" id="energize-a-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="energize-a-animation-time">
+                <property name="upper">10000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-energize-a-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Scale</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="energize-a-scale">
+                <property name="upper">10</property>
+                <property name="lower">0.1</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-energize-a-scale">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Color</property>
+        <property name="activatable-widget">energize-a-color</property>
+        <child>
+          <object class="GtkColorButton" id="energize-a-color">
+            <property name="valign">center</property>
+            <property name="width-request">250</property>
+            <property name="use_alpha">0</property>
+            <property name="show_editor">1</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-energize-a-color">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/EnergizeB.ui

@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+
+  <object class="AdwExpanderRow" id="energize-b-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="energize-b-animation-time">
+                <property name="upper">10000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-energize-b-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Scale</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="energize-b-scale">
+                <property name="upper">10</property>
+                <property name="lower">0.1</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-energize-b-scale">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Color</property>
+        <property name="activatable-widget">energize-b-color</property>
+        <child>
+          <object class="GtkColorButton" id="energize-b-color">
+            <property name="valign">center</property>
+            <property name="width-request">250</property>
+            <property name="use_alpha">0</property>
+            <property name="show_editor">1</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-energize-b-color">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/Fire.ui

@@ -0,0 +1,209 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+  <object class="AdwExpanderRow" id="fire-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Presets</property>
+        <property name="activatable-widget">fire-preset-button</property>
+        <child>
+          <object class="GtkMenuButton" id="fire-preset-button">
+            <property name="valign">center</property>
+            <property name="label" translatable="yes">Choose a Preset</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="fire-animation-time">
+                <property name="upper">10000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-fire-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Scale</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="flame-scale">
+                <property name="upper">3</property>
+                <property name="lower">0.1</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-flame-scale">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Speed</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="flame-movement-speed">
+                <property name="upper">2.0</property>
+                <property name="lower">-2.0</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-flame-movement-speed">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">3D Noise</property>
+        <property name="subtitle" translatable="yes">Creates a more dynamic fire but requires more GPU power.</property>
+        <property name="activatable-widget">flame-3d-noise</property>
+        <child>
+          <object class="GtkSwitch" id="flame-3d-noise">
+            <property name="valign">center</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-flame-3d-noise">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Gradient</property>
+        <child>
+          <object class="GtkBox">
+            <style>
+              <class name="linked" />
+            </style>
+            <child>
+              <object class="GtkColorButton" id="fire-color-1">
+                <property name="use_alpha">1</property>
+                <property name="show_editor">1</property>
+                <property name="valign">center</property>
+              </object>
+            </child>
+            <child>
+              <object class="GtkColorButton" id="fire-color-2">
+                <property name="use_alpha">1</property>
+                <property name="show_editor">1</property>
+                <property name="valign">center</property>
+              </object>
+            </child>
+            <child>
+              <object class="GtkColorButton" id="fire-color-3">
+                <property name="use_alpha">1</property>
+                <property name="show_editor">1</property>
+                <property name="valign">center</property>
+              </object>
+            </child>
+            <child>
+              <object class="GtkColorButton" id="fire-color-4">
+                <property name="use_alpha">1</property>
+                <property name="show_editor">1</property>
+                <property name="valign">center</property>
+              </object>
+            </child>
+            <child>
+              <object class="GtkColorButton" id="fire-color-5">
+                <property name="use_alpha">1</property>
+                <property name="show_editor">1</property>
+                <property name="valign">center</property>
+              </object>
+            </child>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-fire-colors">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+  </object>
+
+</interface>

resources/ui/adw/Glide.ui

@@ -0,0 +1,146 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+  <object class="AdwExpanderRow" id="glide-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="glide-animation-time">
+                <property name="upper">2000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-glide-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Scale</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="glide-scale">
+                <property name="upper">1</property>
+                <property name="lower">0.1</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-glide-scale">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Squish</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="glide-squish">
+                <property name="upper">1</property>
+                <property name="lower">0</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-glide-squish">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Tilt</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="glide-tilt">
+                <property name="upper">1</property>
+                <property name="lower">-1</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-glide-tilt">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/Hexagon.ui

@@ -0,0 +1,186 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+  <object class="AdwExpanderRow" id="hexagon-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="hexagon-animation-time">
+                <property name="upper">10000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-hexagon-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Scale</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="hexagon-scale">
+                <property name="upper">10</property>
+                <property name="lower">0.1</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-hexagon-scale">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Mesh Line Width</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">1</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="hexagon-line-width">
+                <property name="upper">10</property>
+                <property name="lower">0</property>
+                <property name="step-increment">0.1</property>
+                <property name="page-increment">1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-hexagon-line-width">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Line Color</property>
+        <property name="activatable-widget">hexagon-line-color</property>
+        <child>
+          <object class="GtkColorButton" id="hexagon-line-color">
+            <property name="use_alpha">1</property>
+            <property name="show_editor">1</property>
+            <property name="width-request">250</property>
+            <property name="valign">center</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-hexagon-line-color">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Glow Color</property>
+        <property name="activatable-widget">hexagon-glow-color</property>
+        <child>
+          <object class="GtkColorButton" id="hexagon-glow-color">
+            <property name="use_alpha">1</property>
+            <property name="show_editor">1</property>
+            <property name="width-request">250</property>
+            <property name="valign">center</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-hexagon-glow-color">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Additive Blending</property>
+        <property name="subtitle" translatable="yes">You may want to enable this for dark window themes.</property>
+        <property name="activatable-widget">hexagon-additive-blending</property>
+        <child>
+          <object class="GtkSwitch" id="hexagon-additive-blending">
+            <property name="valign">center</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-hexagon-additive-blending">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/Incinerate.ui

@@ -0,0 +1,161 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+  <object class="AdwExpanderRow" id="incinerate-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="incinerate-animation-time">
+                <property name="upper">10000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-incinerate-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Scale</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="incinerate-scale">
+                <property name="upper">10</property>
+                <property name="lower">0.1</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-incinerate-scale">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Turbulence</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="incinerate-turbulence">
+                <property name="upper">1</property>
+                <property name="lower">0</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-incinerate-turbulence">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Start at Pointer</property>
+        <property name="subtitle" translatable="yes">If disabled, a random location will be chosen.</property>
+        <property name="activatable-widget">incinerate-use-pointer</property>
+        <child>
+          <object class="GtkSwitch" id="incinerate-use-pointer">
+            <property name="valign">center</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-incinerate-use-pointer">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Color</property>
+        <property name="activatable-widget">incinerate-color</property>
+        <child>
+          <object class="GtkColorButton" id="incinerate-color">
+            <property name="use_alpha">0</property>
+            <property name="show_editor">1</property>
+            <property name="width-request">250</property>
+            <property name="valign">center</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-incinerate-color">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/Matrix.ui

@@ -0,0 +1,195 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+  <object class="AdwExpanderRow" id="matrix-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="matrix-animation-time">
+                <property name="upper">10000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-matrix-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Scale</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="matrix-scale">
+                <property name="upper">50</property>
+                <property name="lower">5</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">5</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-matrix-scale">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Randomness</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="matrix-randomness">
+                <property name="upper">1.0</property>
+                <property name="lower">0.0</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-matrix-randomness">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Vertical Overshooting</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="matrix-overshoot">
+                <property name="upper">1.0</property>
+                <property name="lower">0.0</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-matrix-overshoot">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Trail Color</property>
+        <property name="activatable-widget">matrix-trail-color</property>
+        <child>
+          <object class="GtkColorButton" id="matrix-trail-color">
+            <property name="use_alpha">0</property>
+            <property name="valign">center</property>
+            <property name="width-request">250</property>
+            <property name="show_editor">1</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-matrix-trail-color">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Tip Color</property>
+        <property name="activatable-widget">matrix-tip-color</property>
+        <child>
+          <object class="GtkColorButton" id="matrix-tip-color">
+            <property name="use_alpha">0</property>
+            <property name="valign">center</property>
+            <property name="width-request">250</property>
+            <property name="show_editor">1</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-matrix-tip-color">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+</interface>

resources/ui/adw/PixelWheel.ui

@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+  <object class="AdwExpanderRow" id="pixel-wheel-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="pixel-wheel-animation-time">
+                <property name="upper">2000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-pixel-wheel-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Spoke Count</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="pixel-wheel-spoke-count">
+                <property name="upper">50</property>
+                <property name="lower">1</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">10</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-pixel-wheel-spoke-count">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Pixel Size</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="pixel-wheel-pixel-size">
+                <property name="upper">50</property>
+                <property name="lower">1</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">10</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-pixel-wheel-pixel-size">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/PixelWipe.ui

@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+  <object class="AdwExpanderRow" id="pixel-wipe-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="pixel-wipe-animation-time">
+                <property name="upper">5000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-pixel-wipe-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Pixel Size</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="pixel-wipe-pixel-size">
+                <property name="upper">50</property>
+                <property name="lower">1</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">10</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-pixel-wipe-pixel-size">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/Pixelate.ui

@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+  <object class="AdwExpanderRow" id="pixelate-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="pixelate-animation-time">
+                <property name="upper">10000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-pixelate-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Noise</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="pixelate-noise">
+                <property name="upper">100</property>
+                <property name="lower">1</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">10</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-pixelate-noise">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Pixel Size</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="pixelate-pixel-size">
+                <property name="upper">50</property>
+                <property name="lower">1</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">10</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-pixelate-pixel-size">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/SnapOfDisintegration.ui

@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface>
+
+  <object class="AdwExpanderRow" id="snap-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="snap-animation-time">
+                <property name="upper">10000</property>
+                <property name="lower">500</property>
+                <property name="step-increment">10</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-snap-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Scale</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="snap-scale">
+                <property name="upper">20</property>
+                <property name="lower">0.1</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-snap-scale">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Color</property>
+        <property name="activatable-widget">snap-color</property>
+        <child>
+          <object class="GtkColorButton" id="snap-color">
+            <property name="width-request">250</property>
+            <property name="valign">center</property>
+            <property name="use_alpha">1</property>
+            <property name="show_editor">1</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-snap-color">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/TRexAttack.ui

@@ -0,0 +1,171 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+  <object class="AdwExpanderRow" id="trex-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="trex-animation-time">
+                <property name="upper">10000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-trex-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Claw Scratch Scale</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">1</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="claw-scratch-scale">
+                <property name="upper">10</property>
+                <property name="lower">0.1</property>
+                <property name="step-increment">0.1</property>
+                <property name="page-increment">1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-claw-scratch-scale">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Claw Scratch Count</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="claw-scratch-count">
+                <property name="upper">50</property>
+                <property name="lower">1</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">10</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-claw-scratch-count">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Warp Effect</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="claw-scratch-warp">
+                <property name="upper">1</property>
+                <property name="lower">0</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-claw-scratch-warp">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Flash Color</property>
+        <property name="activatable-widget">claw-scratch-color</property>
+        <child>
+          <object class="GtkColorButton" id="claw-scratch-color">
+            <property name="use_alpha">1</property>
+            <property name="show_editor">1</property>
+            <property name="width-request">250</property>
+            <property name="valign">center</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-claw-scratch-color">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/TVEffect.ui

@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+  <object class="AdwExpanderRow" id="tv-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="tv-animation-time">
+                <property name="upper">10000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-tv-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Color</property>
+        <property name="activatable-widget">tv-effect-color</property>
+        <child>
+          <object class="GtkColorButton" id="tv-effect-color">
+            <property name="use_alpha">0</property>
+            <property name="show_editor">1</property>
+            <property name="width-request">250</property>
+            <property name="valign">center</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-tv-effect-color">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/Wisps.ui

@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+
+  <object class="AdwExpanderRow" id="wisps-prefs">
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Animation Time [ms]</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">0</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="wisps-animation-time">
+                <property name="upper">10000</property>
+                <property name="lower">100</property>
+                <property name="step-increment">1</property>
+                <property name="page-increment">100</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-wisps-animation-time">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Scale</property>
+        <child>
+          <object class="GtkScale">
+            <property name="valign">center</property>
+            <property name="draw-value">1</property>
+            <property name="digits">2</property>
+            <property name="value-pos">left</property>
+            <property name="width-request">300</property>
+            <property name="adjustment">
+              <object class="GtkAdjustment" id="wisps-scale">
+                <property name="upper">10</property>
+                <property name="lower">0.1</property>
+                <property name="step-increment">0.01</property>
+                <property name="page-increment">0.1</property>
+              </object>
+            </property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-wisps-scale">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwActionRow">
+        <property name="title" translatable="yes">Color</property>
+        <property name="activatable-widget">wisps-color</property>
+        <child>
+          <object class="GtkColorButton" id="wisps-color">
+            <property name="use_alpha">0</property>
+            <property name="show_editor">1</property>
+            <property name="width-request">250</property>
+            <property name="valign">center</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkButton" id="reset-wisps-color">
+            <property name="icon-name">edit-clear-symbolic</property>
+            <property name="valign">center</property>
+            <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+            <style>
+              <class name="flat" />
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/adw/prefs.ui

@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
+SPDX-License-Identifier: GPL-3.0-or-later
+-->
+
+<interface domain="burn-my-windows">
+  <requires lib="gtk" version="4.0" />
+
+  <object class="GtkMenuButton" id="menu-button">
+    <property name="menu-model">main-menu</property>
+    <property name="icon-name">open-menu-symbolic</property>
+  </object>
+
+  <object class="GtkBox" id="general-prefs">
+    <property name="orientation">vertical</property>
+    <property name="margin-top">60</property>
+    <property name="margin-bottom">20</property>
+
+    <child>
+      <object class="GtkImage">
+        <property name="valign">center</property>
+        <property name="icon-name">burn-my-windows-symbolic</property>
+        <property name="pixel_size">128</property>
+      </object>
+    </child>
+
+    <child>
+      <object class="GtkLabel">
+        <property name="label" translatable="yes">Welcome to Burn-My-Windows!</property>
+        <property name="margin-top">8</property>
+        <property name="margin-bottom">6</property>
+        <style>
+          <class name="large-title" />
+        </style>
+      </object>
+    </child>
+
+    <child>
+      <object class="GtkLabel">
+        <property name="label" translatable="yes">If you like this extension, recommend it to your friends :)</property>
+        <property name="margin-bottom">36</property>
+      </object>
+    </child>
+
+    <child>
+      <object class="AdwPreferencesGroup">
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Also Add Effects to Dialogs</property>
+            <property name="activatable-widget">destroy-dialogs</property>
+            <child>
+              <object class="GtkSwitch" id="destroy-dialogs">
+                <property name="valign">center</property>
+              </object>
+            </child>
+            <child>
+              <object class="GtkButton" id="reset-destroy-dialogs">
+                <property name="icon-name">edit-clear-symbolic</property>
+                <property name="valign">center</property>
+                <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+                <style>
+                  <class name="flat" />
+                </style>
+              </object>
+            </child>
+          </object>
+        </child>
+
+        <child>
+          <object class="AdwActionRow">
+            <property name="title" translatable="yes">Disable on Battery Power</property>
+            <property name="activatable-widget">disable-on-battery</property>
+            <child>
+              <object class="GtkSwitch" id="disable-on-battery">
+                <property name="valign">center</property>
+              </object>
+            </child>
+            <child>
+              <object class="GtkButton" id="reset-disable-on-battery">
+                <property name="icon-name">edit-clear-symbolic</property>
+                <property name="valign">center</property>
+                <property name="tooltip-text" translatable="yes">Reset to Default Value</property>
+                <style>
+                  <class name="flat" />
+                </style>
+              </object>
+            </child>
+          </object>
+        </child>
+
+      </object>
+    </child>
+
+  </object>
+
+</interface>

resources/ui/gtk3/effectPage.ui

@@ -40,7 +40,7 @@ SPDX-License-Identifier: GPL-3.0-or-later
                 <child>
                   <object class="GtkLabel">
                     <property name="halign">start</property>
-                    <property name="label" translatable="yes">Preview this Effect</property>
+                    <property name="label" translatable="yes">Preview this effect</property>
                   </object>
                 </child>
               </object>

src/Apparition.js

@@ -88,7 +88,7 @@ var Apparition = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource(`/ui/${utils.getGTKString()}/Apparition.ui`);
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/Apparition.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('apparition-randomness');

src/BrokenGlass.js

@@ -146,7 +146,7 @@ var BrokenGlass = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource('/ui/gtk4/BrokenGlass.ui');
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/BrokenGlass.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('broken-glass-animation-time');

src/Doom.js

@@ -95,7 +95,7 @@ var Doom = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource(`/ui/${utils.getGTKString()}/Doom.ui`);
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/Doom.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('doom-animation-time');

src/EnergizeA.js

@@ -87,7 +87,7 @@ var EnergizeA = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource(`/ui/${utils.getGTKString()}/EnergizeA.ui`);
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/EnergizeA.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('energize-a-animation-time');

src/EnergizeB.js

@@ -88,7 +88,7 @@ var EnergizeB = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource(`/ui/${utils.getGTKString()}/EnergizeB.ui`);
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/EnergizeB.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('energize-b-animation-time');

src/Fire.js

@@ -107,7 +107,7 @@ var Fire = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource(`/ui/${utils.getGTKString()}/Fire.ui`);
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/Fire.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('fire-animation-time');

src/Glide.js

@@ -83,7 +83,7 @@ var Glide = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource(`/ui/${utils.getGTKString()}/Glide.ui`);
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/Glide.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('glide-animation-time');

src/Hexagon.js

@@ -105,7 +105,7 @@ var Hexagon = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource(`/ui/${utils.getGTKString()}/Hexagon.ui`);
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/Hexagon.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('hexagon-animation-time');

src/Incinerate.js

@@ -138,7 +138,7 @@ var Incinerate = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource(`/ui/${utils.getGTKString()}/Incinerate.ui`);
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/Incinerate.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('incinerate-animation-time');

src/Matrix.js

@@ -121,7 +121,7 @@ var Matrix = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource('/ui/gtk4/Matrix.ui');
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/Matrix.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('matrix-animation-time');

src/PixelWheel.js

@@ -81,7 +81,7 @@ var PixelWheel = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource(`/ui/${utils.getGTKString()}/PixelWheel.ui`);
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/PixelWheel.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('pixel-wheel-animation-time');

src/PixelWipe.js

@@ -107,7 +107,7 @@ var PixelWipe = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource(`/ui/${utils.getGTKString()}/PixelWipe.ui`);
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/PixelWipe.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('pixel-wipe-animation-time');

src/Pixelate.js

@@ -81,7 +81,7 @@ var Pixelate = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource(`/ui/${utils.getGTKString()}/Pixelate.ui`);
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/Pixelate.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('pixelate-animation-time');

src/SnapOfDisintegration.js

@@ -125,7 +125,8 @@ var SnapOfDisintegration = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource('/ui/gtk4/SnapOfDisintegration.ui');
+    dialog.getBuilder().add_from_resource(
+      `/ui/${utils.getUIDir()}/SnapOfDisintegration.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('snap-animation-time');

src/TRexAttack.js

@@ -123,7 +123,7 @@ var TRexAttack = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource('/ui/gtk4/TRexAttack.ui');
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/TRexAttack.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('trex-animation-time');

src/TVEffect.js

@@ -85,7 +85,7 @@ var TVEffect = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource(`/ui/${utils.getGTKString()}/TVEffect.ui`);
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/TVEffect.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('tv-animation-time');

src/Wisps.js

@@ -93,7 +93,7 @@ var Wisps = class {
   getPreferences(dialog) {
 
     // Add the settings page to the builder.
-    dialog.getBuilder().add_from_resource(`/ui/${utils.getGTKString()}/Wisps.ui`);
+    dialog.getBuilder().add_from_resource(`/ui/${utils.getUIDir()}/Wisps.ui`);
 
     // Bind all properties.
     dialog.bindAdjustment('wisps-animation-time');

src/utils.js

@@ -17,6 +17,14 @@
 const {Gtk, Gio} = imports.gi;
 const ByteArray  = imports.byteArray;
 
+// libadwaita is available starting with GNOME Shell 42.
+let Adw = null;
+try {
+  Adw = imports.gi.Adw;
+} catch (e) {
+  // Nothing to do.
+}
+
 // Returns the given argument, except for "alpha", "beta", and "rc". In these cases -3,
 // -2, and -1 are returned respectively.
 function toNumericVersion(x) {
@@ -62,9 +70,16 @@ function isGTK4() {
   return Gtk.get_major_version() == 4;
 }
 
-// This method returns 'gtk3' or 'gtk4' depending on the currently used gtk version.
+// Starting with GNOME Shell 42, the settings dialog uses libadwaita (at least most of
-function getGTKString() {
+// the time - it seems that pop!_OS does not support libadwaita even on GNOME 42).
-  return isGTK4() ? 'gtk4' : 'gtk3';
+function isADW() {
+  return Adw && shellVersionIsAtLeast(42, 'beta');
+}
+
+// This method returns 'gtk3', 'gtk4', or 'adw' depending on the currently used GTK / and
+// or libadwaita version.
+function getUIDir() {
+  return isADW() ? 'adw' : (isGTK4() ? 'gtk4' : 'gtk3');
 }
 
 // This method returns true if the current GNOME Shell version matches the given