您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Switch UI styles (modern/eras) for YouTube, Google, Roblox, Yahoo!, and Amazon.
当前为
// ==UserScript== // @name Website UI Switcher // @namespace http://tampermonkey.net/ // @version 1.0 // @description Switch UI styles (modern/eras) for YouTube, Google, Roblox, Yahoo!, and Amazon. // @author Your Name // @match *://*.youtube.com/* // @match *://*.google.com/* // @match *://*.roblox.com/* // @match *://*.yahoo.com/* // @match *://*.amazon.com/* // @grant GM_addStyle // @grant GM_registerMenuCommand // ==/UserScript== // Default settings let settings = { style: "modern", // "modern" or "classical" roundedCorners: true, // true or false }; // Load settings from localStorage if (localStorage.getItem("uiSwitcherSettings")) { settings = JSON.parse(localStorage.getItem("uiSwitcherSettings")); } // Apply styles based on settings function applyStyles() { if (settings.style === "modern") { GM_addStyle(` /* General Modern Rounded Styles */ * { border-radius: ${settings.roundedCorners ? '10px' : '0px'} !important; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } /* Modern Font */ body, button, input { font-family: 'Arial', sans-serif !important; } `); } else { GM_addStyle(` /* Classical Styles with Square Corners */ * { border-radius: 0px !important; box-shadow: none !important; transition: none; } /* Classical Font */ body, button, input { font-family: 'Times New Roman', serif !important; } `); } } // Save settings function saveSettings() { localStorage.setItem("uiSwitcherSettings", JSON.stringify(settings)); applyStyles(); } // Settings page UI function createSettingsPage() { const settingsContainer = document.createElement("div"); settingsContainer.id = "uiSwitcherSettingsContainer"; settingsContainer.style.position = "fixed"; settingsContainer.style.top = "10%"; settingsContainer.style.left = "50%"; settingsContainer.style.transform = "translateX(-50%)"; settingsContainer.style.backgroundColor = "#fff"; settingsContainer.style.padding = "20px"; settingsContainer.style.boxShadow = "0px 0px 10px rgba(0, 0, 0, 0.2)"; settingsContainer.style.zIndex = "9999"; settingsContainer.innerHTML = ` <h2>UI Switcher Settings</h2> <label> Style: <select id="uiStyleSelector"> <option value="modern" ${settings.style === 'modern' ? 'selected' : ''}>Modern</option> <option value="classical" ${settings.style === 'classical' ? 'selected' : ''}>Classical</option> </select> </label><br><br> <label> Rounded Corners: <input type="checkbox" id="roundedCornersCheckbox" ${settings.roundedCorners ? 'checked' : ''}> </label><br><br> <button id="saveSettingsButton">Save</button> <button id="closeSettingsButton">Close</button> `; document.body.appendChild(settingsContainer); // Add event listeners for controls document.getElementById("saveSettingsButton").addEventListener("click", () => { settings.style = document.getElementById("uiStyleSelector").value; settings.roundedCorners = document.getElementById("roundedCornersCheckbox").checked; saveSettings(); alert("Settings saved!"); }); document.getElementById("closeSettingsButton").addEventListener("click", () => { settingsContainer.remove(); }); } // Register menu command to open settings page GM_registerMenuCommand("UI Switcher Settings", createSettingsPage); // Apply styles on page load applyStyles();