1 files changed, 55 insertions, 0 deletions
diff --git a/main/data/preferences_window/tweaks_preferences_page.ui b/main/data/preferences_window/tweaks_preferences_page.ui
new file mode 100644
index 00000000..6d011b46
--- /dev/null
+++ b/main/data/preferences_window/tweaks_preferences_page.ui
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <requires lib="gtk" version="4.0"/>
+  <object class="GtkAdjustment" id="avatar_roundness_adjustment">
+    <property name="lower">0</property>
+    <property name="upper">100</property>
+    <property name="step-increment">1</property>
+    <property name="page-increment">10</property>
+  </object>
+  <object class="GtkTextBuffer" id="custom_css_buffer"/>
+  <template class="DinoUiTweaksPreferencesPage" parent="AdwPreferencesPage">
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="title" translatable="yes">Appearance</property>
+        <child>
+          <object class="AdwSpinRow" id="avatar_roundness_row">
+            <property name="title" translatable="yes">Profile Picture Roundness (%)</property>
+            <property name="subtitle" translatable="yes">Set to 0 for square pictures or 100 for circular pictures</property>
+            <property name="adjustment">avatar_roundness_adjustment</property>
+            <property name="digits">0</property>
+            <property name="numeric">True</property>
+            <property name="snap-to-ticks">True</property>
+          </object>
+        </child>
+      </object>
+    </child>
+    <child>
+      <object class="AdwPreferencesGroup">
+        <property name="title" translatable="yes">Custom CSS</property>
+        <property name="description" translatable="yes">Apply custom styles to the application</property>
+        <child>
+          <object class="GtkScrolledWindow">
+            <property name="height-request">180</property>
+            <property name="has-frame">True</property>
+            <property name="child">
+              <object class="GtkTextView">
+                <property name="buffer">custom_css_buffer</property>
+                <property name="monospace">True</property>
+                <property name="wrap-mode">word-char</property>
+                <property name="top-margin">12</property>
+                <property name="bottom-margin">12</property>
+                <property name="left-margin">12</property>
+                <property name="right-margin">12</property>
+                <property name="accepts-tab">True</property>
+                <accessibility>
+                  <property name="label" translatable="yes">Custom CSS</property>
+                </accessibility>
+              </object>
+            </property>
+          </object>
+        </child>
+      </object>
+    </child>
+  </template>
+</interface>