Initial commit

xilly-custom-background.user.js

@@ -0,0 +1,109 @@
+// ==UserScript==
+// @name         Xilly - Custom Background
+// @namespace    http://experimenting.website/
+// @version      0.1
+// @description  Change X background to image
+// @author       EXPERIMENTING
+// @match        https://x.com/*
+// @grant        GM_addStyle
+// @grant        GM_setValue
+// @grant        GM_getValue
+// @grant        GM_registerMenuCommand
+// ==/UserScript==
+
+(function() {
+    'use strict';
+
+    function setBackground(imageUrl) {
+        const css = `
+            body {
+                background-image: url('${imageUrl}') !important;
+                background-size: cover !important;
+                background-repeat: no-repeat !important;
+                background-attachment: fixed !important;
+            }
+        `;
+        GM_addStyle(css);
+    }
+
+    const savedImageUrl = GM_getValue('backgroundImageUrl', '');
+    if (savedImageUrl) {
+        setBackground(savedImageUrl);
+    }
+
+    function showDialog() {
+        let existingDialog = document.getElementById('background-dialog');
+        if (existingDialog) {
+            existingDialog.remove();
+        }
+
+        const dialog = document.createElement('div');
+        dialog.id = 'background-dialog';
+        dialog.style.position = 'fixed';
+        dialog.style.top = '10px';
+        dialog.style.right = '10px';
+        dialog.style.zIndex = '10000';
+        dialog.style.backgroundColor = 'black';
+        dialog.style.padding = '10px';
+        dialog.style.border = '1px solid black';
+        dialog.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
+
+        const fromLocalBtn = document.createElement('button');
+        fromLocalBtn.textContent = 'From Local';
+        fromLocalBtn.style.marginRight = '10px';
+        fromLocalBtn.addEventListener('click', fromLocal);
+
+        const fromUrlBtn = document.createElement('button');
+        fromUrlBtn.textContent = 'From URL';
+        fromUrlBtn.addEventListener('click', fromUrl);
+
+        const closeBtn = document.createElement('button');
+        closeBtn.textContent = 'X';
+        closeBtn.style.position = 'absolute';
+        closeBtn.style.top = '5px';
+        closeBtn.style.right = '5px';
+        closeBtn.style.background = 'none';
+        closeBtn.style.border = 'none';
+        closeBtn.style.fontSize = '16px';
+        closeBtn.style.cursor = 'pointer';
+        closeBtn.addEventListener('click', () => dialog.remove());
+
+        dialog.appendChild(closeBtn);
+        dialog.appendChild(fromLocalBtn);
+        dialog.appendChild(fromUrlBtn);
+        document.body.appendChild(dialog);
+    }
+
+    function fromLocal() {
+        const input = document.createElement('input');
+        input.type = 'file';
+        input.accept = 'image/*';
+        input.onchange = (event) => {
+            const file = event.target.files[0];
+            if (file) {
+                const reader = new FileReader();
+                reader.onload = (e) => {
+                    const imageUrl = e.target.result;
+                    setBackground(imageUrl);
+                    GM_setValue('backgroundImageUrl', imageUrl);
+                    const dialog = document.getElementById('background-dialog');
+                    if (dialog) dialog.remove();
+                };
+                reader.readAsDataURL(file);
+            }
+        };
+        input.click();
+    }
+
+    function fromUrl() {
+        const url = prompt('Enter image URL:');
+        if (url) {
+            setBackground(url);
+            GM_setValue('backgroundImageUrl', url);
+            const dialog = document.getElementById('background-dialog');
+            if (dialog) dialog.remove();
+        }
+    }
+
+    GM_registerMenuCommand('Set Background', showDialog);
+})();