From c1b8f5969e4af9ec01e8c257af217159f879ea92 Mon Sep 17 00:00:00 2001
From: OTKUSteyler <qsanom@proton.me>
Date: Fri, 11 Sep 2026 07:22:42 +0200
Subject: [PATCH] Create Settings.tsx

---
 .../custom background music/Settings.tsx      | 44 +++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/core/plugins/custom background music/Settings.tsx

diff --git a/src/core/plugins/custom background music/Settings.tsx b/src/core/plugins/custom background music/Settings.tsx
new file mode 100644
index 0000000..4fd61e4
--- /dev/null
+++ b/src/core/plugins/custom background music/Settings.tsx	
@@ -0,0 +1,44 @@
+import { storage } from "@vendetta/plugin";
+import { useProxy } from "@vendetta/storage";
+import { getAssetIDByName } from "@vendetta/ui/assets";
+import { Forms, General } from "@vendetta/ui/components";
+import { settings } from ".";
+
+const { FormSection, FormRow, FormIcon, FormInput, FormSliderRow } = Forms;
+
+export default function Settings() {
+    useProxy(storage);
+
+    return (
+        <General.ScrollView style={{ flex: 1 }}>
+            <FormSection title="Background">
+                <FormRow
+                    label="Image URL"
+                    leading={<FormIcon source={getAssetIDByName("ic_image")} />}
+                />
+                <FormInput
+                    title=""
+                    keyboardType="url"
+                    placeholder="https://link.to/background.png"
+                    value={settings.backgroundUrl}
+                    onChange={(x: string) => (settings.backgroundUrl = x)}
+                    style={{ marginTop: -25, marginHorizontal: 12 }}
+                />
+                <FormSliderRow
+                    label="Opacity"
+                    value={settings.opacity ?? 0.3}
+                    minimumValue={0}
+                    maximumValue={1}
+                    onValueChange={(v: number) => (settings.opacity = v)}
+                />
+                <FormSliderRow
+                    label="Blur"
+                    value={settings.blur ?? 0}
+                    minimumValue={0}
+                    maximumValue={25}
+                    onValueChange={(v: number) => (settings.blur = v)}
+                />
+            </FormSection>
+        </General.ScrollView>
+    );
+}