dotfiles/gnome/.local/share/gnome-shell/extensions/blur-my-shell@aunetx/ui/panel.ui

<?xml version="1.0" encoding="UTF-8"?>
<interface domain="blur-my-shell@aunetx">
  <template class="Panel" parent="AdwPreferencesPage">
    <property name="name">panel</property>
    <property name="title" translatable="yes">Panel</property>
    <property name="icon-name">bottom-panel-symbolic</property>

    <child>
      <object class="AdwPreferencesGroup">
        <property name="title" translatable="yes">Panel blur</property>
        <property name="description" translatable="yes">Blur the top panel using the background image.</property>
        <property name="header-suffix">
          <object class="GtkSwitch" id="blur">
            <property name="valign">center</property>
          </object>
        </property>

        <child>
          <object class="AdwActionRow">
            <property name="title" translatable="yes">Blur type</property>
            <property name="subtitle" translatable="yes">The dynamic blur is slower and only compatible with a gaussian blur effect.</property>
            <property name="activatable-widget">blur_mode_choose</property>
            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />

            <child>
              <object class="GtkBox" id="blur_mode_choose">
                <property name="valign">center</property>
                <property name="hexpand">false</property>
                <style>
                  <class name="linked" />
                </style>

                <child>
                  <object class="GtkToggleButton" id="mode_static">
                    <property name="valign">center</property>
                    <property name="hexpand">true</property>
                    <property name="group">mode_dynamic</property>
                    <property name="child">
                      <object class="AdwButtonContent">
                        <property name="icon-name">static-mode-symbolic</property>
                        <property name="label" translatable="yes">Static</property>
                      </object>
                    </property>
                  </object>
                </child>
                <child>
                  <object class="GtkToggleButton" id="mode_dynamic">
                    <property name="valign">center</property>
                    <property name="hexpand">true</property>
                    <property name="child">
                      <object class="AdwButtonContent">
                        <property name="icon-name">dynamic-mode-symbolic</property>
                        <property name="label" translatable="yes">Dynamic</property>
                      </object>
                    </property>
                  </object>
                </child>
              </object>
            </child>
          </object>
        </child>

        <child>
          <object class="PipelineChooseRow" id="pipeline_choose_row">
            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />
          </object>
        </child>

        <child>
          <object class="AdwActionRow" id="sigma_row">
            <property name="title" translatable="yes">Sigma</property>
            <property name="subtitle" translatable="yes">The intensity of the blur.</property>
            <property name="activatable-widget">sigma_scale</property>
            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />

            <child>
              <object class="GtkScale" id="sigma_scale">
                <property name="valign">center</property>
                <property name="hexpand">true</property>
                <property name="width-request">200px</property>
                <property name="draw-value">true</property>
                <property name="value-pos">right</property>
                <property name="digits">0</property>
                <property name="adjustment">sigma</property>
              </object>
            </child>
          </object>
        </child>

        <child>
          <object class="AdwActionRow" id="brightness_row">
            <property name="title" translatable="yes">Brightness</property>
            <property name="subtitle" translatable="yes">The brightness of the blur effect, a high value might make the text harder to read.</property>
            <property name="activatable-widget">brightness_scale</property>
            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />

            <child>
              <object class="GtkScale" id="brightness_scale">
                <property name="valign">center</property>
                <property name="hexpand">true</property>
                <property name="width-request">200px</property>
                <property name="draw-value">true</property>
                <property name="value-pos">right</property>
                <property name="digits">2</property>
                <property name="adjustment">brightness</property>
              </object>
            </child>
          </object>
        </child>

        <child>
          <object class="AdwActionRow">
            <property name="title" translatable="yes">Force light text</property>
            <property name="subtitle" translatable="yes">Use a light text for the panel, useful when using gnome-shell's light theme.</property>
            <property name="activatable-widget">force_light_text</property>
            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />

            <child>
              <object class="GtkSwitch" id="force_light_text">
                <property name="valign">center</property>
              </object>
            </child>
          </object>
        </child>

        <child>
          <object class="AdwExpanderRow" id="override_background">
            <property name="title" translatable="yes">Override background</property>
            <property name="subtitle" translatable="yes">Override the background of the panel to use a transparent or semi-transparent one.
Recommended unless you want to customize your GNOME theme.</property>
            <property name="show-enable-switch">true</property>
            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />

            <child>
              <object class="AdwActionRow">
                <property name="title" translatable="yes">Background style</property>
                <property name="subtitle" translatable="yes">The transparent/semi-transparent style for the panel background.</property>
                <property name="activatable-widget">style_panel</property>

                <child>
                  <object class="GtkDropDown" id="style_panel">
                    <property name="valign">center</property>
                    <property name="model">style_panel_model</property>
                  </object>
                </child>
              </object>
            </child>

            <child>
              <object class="AdwActionRow">
                <property name="title" translatable="yes">Disable when a window is near</property>
                <property name="subtitle" translatable="yes">Disables the transparency of the panel when a window is near it.</property>
                <property name="activatable-widget">override_background_dynamically</property>

                <child>
                  <object class="GtkSwitch" id="override_background_dynamically">
                    <property name="valign">center</property>
                  </object>
                </child>
              </object>
            </child>
          </object>
        </child>

        <child>
          <object class="AdwActionRow">
            <property name="title" translatable="yes">Disable in overview</property>
            <property name="subtitle" translatable="yes">Disables the blur from the panel when entering the overview.</property>
            <property name="activatable-widget">unblur_in_overview</property>
            <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />

            <child>
              <object class="GtkSwitch" id="unblur_in_overview">
                <property name="valign">center</property>
              </object>
            </child>
          </object>
        </child>
      </object>
    </child>

    <child>
      <object class="AdwPreferencesGroup">
        <property name="title" translatable="yes">Compatibility</property>
        <property name="description" translatable="yes">Various options to provide compatibility with other extensions.</property>
        <property name="sensitive" bind-source="blur" bind-property="state" bind-flags="sync-create" />

        <child>
          <object class="AdwActionRow">
            <property name="title" translatable="yes">Hidetopbar extension</property>
            <property name="subtitle" translatable="yes">Does not disable the blur in overview, best used with static blur.</property>
            <property name="activatable-widget">hidetopbar_compatibility</property>
            <property name="sensitive" bind-source="unblur_in_overview" bind-property="state" bind-flags="sync-create" />

            <child>
              <object class="GtkSwitch" id="hidetopbar_compatibility">
                <property name="valign">center</property>
              </object>
            </child>
          </object>
        </child>

        <child>
          <object class="AdwActionRow">
            <property name="title" translatable="yes">Blur original panel with Dash to Panel</property>
            <property name="subtitle" translatable="yes">Enables the blurring of the original panel with Dash to Panel, if selected in the extension's options.</property>
            <property name="activatable-widget">dtp_blur_original_panel</property>

            <child>
              <object class="GtkSwitch" id="dtp_blur_original_panel">
                <property name="valign">center</property>
              </object>
            </child>
          </object>
        </child>
      </object>
    </child>
  </template>

  <object class="GtkStringList" id="style_panel_model">
    <items>
      <item translatable="yes">Transparent</item>
      <item translatable="yes">Light</item>
      <item translatable="yes">Dark</item>
      <item translatable="yes">Contrasted</item>
    </items>
  </object>

  <object class="GtkAdjustment" id="sigma">
    <property name="lower">0</property>
    <property name="upper">100</property>
    <property name="step-increment">1</property>
  </object>

  <object class="GtkAdjustment" id="brightness">
    <property name="lower">0.0</property>
    <property name="upper">1.0</property>
    <property name="step-increment">0.01</property>
  </object>
</interface>