More themes, somewhat better application system
This commit is contained in:
GreenyDev
parent
110ebfe99b
commit
d937871cf6
10 changed files with 499 additions and 522 deletions
|
|
@ -1,154 +1,154 @@
|
||||||
{
|
{
|
||||||
"adjectives": [
|
"adjectives": [
|
||||||
"admiring",
|
"admiring",
|
||||||
"adoring",
|
"adoring",
|
||||||
"affectionate",
|
"affectionate",
|
||||||
"agitated",
|
"agitated",
|
||||||
"amazing",
|
"amazing",
|
||||||
"angry",
|
"angry",
|
||||||
"awesome",
|
"awesome",
|
||||||
"beautiful",
|
"beautiful",
|
||||||
"blissful",
|
"blissful",
|
||||||
"bold",
|
"bold",
|
||||||
"boring",
|
"boring",
|
||||||
"brave",
|
"brave",
|
||||||
"busy",
|
"busy",
|
||||||
"charming",
|
"charming",
|
||||||
"clever",
|
"clever",
|
||||||
"cool",
|
"cool",
|
||||||
"compassionate",
|
"compassionate",
|
||||||
"competent",
|
"competent",
|
||||||
"condescending",
|
"condescending",
|
||||||
"confident",
|
"confident",
|
||||||
"cranky",
|
"cranky",
|
||||||
"crazy",
|
"crazy",
|
||||||
"dazzling",
|
"dazzling",
|
||||||
"determined",
|
"determined",
|
||||||
"distracted",
|
"distracted",
|
||||||
"dreamy",
|
"dreamy",
|
||||||
"eager",
|
"eager",
|
||||||
"ecstatic",
|
"ecstatic",
|
||||||
"elastic",
|
"elastic",
|
||||||
"elated",
|
"elated",
|
||||||
"elegant",
|
"elegant",
|
||||||
"eloquent",
|
"eloquent",
|
||||||
"epic",
|
"epic",
|
||||||
"exciting",
|
"exciting",
|
||||||
"fervent",
|
"fervent",
|
||||||
"festive",
|
"festive",
|
||||||
"flamboyant",
|
"flamboyant",
|
||||||
"focused",
|
"focused",
|
||||||
"friendly",
|
"friendly",
|
||||||
"frosty",
|
"frosty",
|
||||||
"funny",
|
"funny",
|
||||||
"gallant",
|
"gallant",
|
||||||
"gifted",
|
"gifted",
|
||||||
"goofy",
|
"goofy",
|
||||||
"gracious",
|
"gracious",
|
||||||
"great",
|
"great",
|
||||||
"happy",
|
"happy",
|
||||||
"hardcore",
|
"hardcore",
|
||||||
"heuristic",
|
"heuristic",
|
||||||
"hopeful",
|
"hopeful",
|
||||||
"hungry",
|
"hungry",
|
||||||
"infallible",
|
"infallible",
|
||||||
"inspiring",
|
"inspiring",
|
||||||
"interesting",
|
"interesting",
|
||||||
"intelligent",
|
"intelligent",
|
||||||
"jolly",
|
"jolly",
|
||||||
"jovial",
|
"jovial",
|
||||||
"keen",
|
"keen",
|
||||||
"kind",
|
"kind",
|
||||||
"laughing",
|
"laughing",
|
||||||
"loving",
|
"loving",
|
||||||
"lucid",
|
"lucid",
|
||||||
"magical",
|
"magical",
|
||||||
"mystifying",
|
"mystifying",
|
||||||
"modest",
|
"modest",
|
||||||
"musing",
|
"musing",
|
||||||
"naughty",
|
"naughty",
|
||||||
"nervous",
|
"nervous",
|
||||||
"nice",
|
"nice",
|
||||||
"nifty",
|
"nifty",
|
||||||
"nostalgic",
|
"nostalgic",
|
||||||
"objective",
|
"objective",
|
||||||
"optimistic",
|
"optimistic",
|
||||||
"peaceful",
|
"peaceful",
|
||||||
"pedantic",
|
"pedantic",
|
||||||
"pensive",
|
"pensive",
|
||||||
"practical",
|
"practical",
|
||||||
"priceless",
|
"priceless",
|
||||||
"quirky",
|
"quirky",
|
||||||
"quizzical",
|
"quizzical",
|
||||||
"recursing",
|
"recursing",
|
||||||
"relaxed",
|
"relaxed",
|
||||||
"reverent",
|
"reverent",
|
||||||
"romantic",
|
"romantic",
|
||||||
"sad",
|
"sad",
|
||||||
"serene",
|
"serene",
|
||||||
"sharp",
|
"sharp",
|
||||||
"silly",
|
"silly",
|
||||||
"sleepy",
|
"sleepy",
|
||||||
"stoic",
|
"stoic",
|
||||||
"strange",
|
"strange",
|
||||||
"stupefied",
|
"stupefied",
|
||||||
"suspicious",
|
"suspicious",
|
||||||
"sweet",
|
"sweet",
|
||||||
"tender",
|
"tender",
|
||||||
"thirsty",
|
"thirsty",
|
||||||
"trusting",
|
"trusting",
|
||||||
"unruffled",
|
"unruffled",
|
||||||
"upbeat",
|
"upbeat",
|
||||||
"vibrant",
|
"vibrant",
|
||||||
"vigilant",
|
"vigilant",
|
||||||
"vigorous",
|
"vigorous",
|
||||||
"wizardly",
|
"wizardly",
|
||||||
"wonderful",
|
"wonderful",
|
||||||
"xenodochial",
|
"xenodochial",
|
||||||
"youthful",
|
"youthful",
|
||||||
"zealous",
|
"zealous",
|
||||||
"zen"
|
"zen"
|
||||||
],
|
],
|
||||||
"surnames": [
|
"surnames": [
|
||||||
"albattani",
|
"albattani",
|
||||||
"allen",
|
"allen",
|
||||||
"almeida",
|
"almeida",
|
||||||
"antonelli",
|
"antonelli",
|
||||||
"agnesi",
|
"agnesi",
|
||||||
"archimedes",
|
"archimedes",
|
||||||
"ardinghelli",
|
"ardinghelli",
|
||||||
"aryabhata",
|
"aryabhata",
|
||||||
"austin",
|
"austin",
|
||||||
"babbage",
|
"babbage",
|
||||||
"banach",
|
"banach",
|
||||||
"banzai",
|
"banzai",
|
||||||
"bardeen",
|
"bardeen",
|
||||||
"bartik",
|
"bartik",
|
||||||
"bassi",
|
"bassi",
|
||||||
"beaver",
|
"beaver",
|
||||||
"bell",
|
"bell",
|
||||||
"benz",
|
"benz",
|
||||||
"bhabha",
|
"bhabha",
|
||||||
"bhaskara",
|
"bhaskara",
|
||||||
"black",
|
"black",
|
||||||
"blackburn",
|
"blackburn",
|
||||||
"blackwell",
|
"blackwell",
|
||||||
"bohr",
|
"bohr",
|
||||||
"booth",
|
"booth",
|
||||||
"borg",
|
"borg",
|
||||||
"bose",
|
"bose",
|
||||||
"bouman",
|
"bouman",
|
||||||
"boyd",
|
"boyd",
|
||||||
"brahmagupta",
|
"brahmagupta",
|
||||||
"brattain",
|
"brattain",
|
||||||
"brown",
|
"brown",
|
||||||
"buck",
|
"buck",
|
||||||
"burnell",
|
"burnell",
|
||||||
"cannon",
|
"cannon",
|
||||||
"carson",
|
"carson",
|
||||||
"cartwright",
|
"cartwright",
|
||||||
"carver",
|
"carver",
|
||||||
"cerf",
|
"cerf",
|
||||||
"chandrasekhar"
|
"chandrasekhar"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
@ -33,14 +33,11 @@ function displayTime() {
|
||||||
var mm = String(today.getMonth() + 1).padStart(2, "0"); //January is 0!
|
var mm = String(today.getMonth() + 1).padStart(2, "0"); //January is 0!
|
||||||
var yyyy = today.getFullYear();
|
var yyyy = today.getFullYear();
|
||||||
today = mm + "/" + dd + "/" + yyyy;
|
today = mm + "/" + dd + "/" + yyyy;
|
||||||
var time =
|
var time = h + "<span style='opacity:100%;' class='clockColon'>:</span>" + m;
|
||||||
h + "<span style='opacity:100%;' class='clockColon'>:</span>" + m;
|
|
||||||
try {
|
try {
|
||||||
document.getElementById("digitalClock").innerHTML = getDayName(today, "us-US") + ", " + time + " " + session + ".";
|
document.getElementById("digitalClock").innerHTML =
|
||||||
} catch {
|
getDayName(today, "us-US") + ", " + time + " " + session + ".";
|
||||||
|
} catch {}
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
return time;
|
return time;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,8 @@ function closeNav() {
|
||||||
}
|
}
|
||||||
|
|
||||||
function setLoaderText() {
|
function setLoaderText() {
|
||||||
document.getElementById('connectorText').textContent = "connecting to service"
|
document.getElementById("connectorText").textContent =
|
||||||
|
"connecting to service";
|
||||||
const loader = document.getElementById("lpoader");
|
const loader = document.getElementById("lpoader");
|
||||||
|
|
||||||
const loadConstructer = loader.style;
|
const loadConstructer = loader.style;
|
||||||
|
|
@ -26,11 +27,13 @@ function setLoaderText() {
|
||||||
// Changing the text over multiple periods of time creates character, and aliveness (is that even a word?)
|
// Changing the text over multiple periods of time creates character, and aliveness (is that even a word?)
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
document.getElementById("connectorText").style.fontSize = "12px";
|
document.getElementById("connectorText").style.fontSize = "12px";
|
||||||
document.getElementById("connectorText").textContent = "Due to high server load, this may take a while.";
|
document.getElementById("connectorText").textContent =
|
||||||
|
"Due to high server load, this may take a while.";
|
||||||
}, 3200);
|
}, 3200);
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
document.getElementById("connectorText").style.fontSize = "14px";
|
document.getElementById("connectorText").style.fontSize = "14px";
|
||||||
document.getElementById("connectorText").textContent = "Hmmm.. Something isn't right..";
|
document.getElementById("connectorText").textContent =
|
||||||
|
"Hmmm.. Something isn't right..";
|
||||||
}, 17000);
|
}, 17000);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -39,25 +42,6 @@ window.stealthEngineLoaded = false;
|
||||||
window.addEventListener("load", () => {
|
window.addEventListener("load", () => {
|
||||||
// Register the service workers for Osana and Ultraviolet proxy protocols
|
// Register the service workers for Osana and Ultraviolet proxy protocols
|
||||||
// This is a better method than registering onsubmit because this allows the ability to use proxied links on the main page.
|
// This is a better method than registering onsubmit because this allows the ability to use proxied links on the main page.
|
||||||
const dbPromise = Ultraviolet.openDB("keyval-store", 1, {
|
|
||||||
upgrade(db) {
|
|
||||||
db.createObjectStore("keyval");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
self.storage = {
|
|
||||||
async get(key) {
|
|
||||||
return (await dbPromise).get("keyval", key);
|
|
||||||
},
|
|
||||||
|
|
||||||
async set(key, val) {
|
|
||||||
console.log("please wait");
|
|
||||||
return (await dbPromise).put("keyval", val, key);
|
|
||||||
},
|
|
||||||
|
|
||||||
async del(key) {
|
|
||||||
return (await dbPromise).delete("keyval", key);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
navigator.serviceWorker.register("./sw.js", {
|
navigator.serviceWorker.register("./sw.js", {
|
||||||
scope: "/service/"
|
scope: "/service/"
|
||||||
|
|
@ -84,8 +68,6 @@ window.addEventListener("load", () => {
|
||||||
hasLoadedElement.style.display = "none";
|
hasLoadedElement.style.display = "none";
|
||||||
document.body.appendChild(hasLoadedElement);
|
document.body.appendChild(hasLoadedElement);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
inpbox.addEventListener("submit", (event) => {
|
inpbox.addEventListener("submit", (event) => {
|
||||||
// Prevents the default event tasks
|
// Prevents the default event tasks
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
|
@ -99,7 +81,9 @@ window.addEventListener("load", () => {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
// Check if the service worker (commonly called SW) is registered
|
// Check if the service worker (commonly called SW) is registered
|
||||||
if (typeof navigator.serviceWorker === "undefined")
|
if (typeof navigator.serviceWorker === "undefined")
|
||||||
alert("An error occured registering your service worker. Please contact support - discord.gg/unblocker");
|
alert(
|
||||||
|
"An error occured registering your service worker. Please contact support - discord.gg/unblocker"
|
||||||
|
);
|
||||||
//
|
//
|
||||||
if (proxy === "uv" || proxy === "osana") {
|
if (proxy === "uv" || proxy === "osana") {
|
||||||
// Re-register the service worker incase it failed to onload
|
// Re-register the service worker incase it failed to onload
|
||||||
|
|
@ -123,7 +107,9 @@ window.addEventListener("load", () => {
|
||||||
if (window.stealthEngineLoaded !== false) {
|
if (window.stealthEngineLoaded !== false) {
|
||||||
stealthEngine(redirectTo);
|
stealthEngine(redirectTo);
|
||||||
} else {
|
} else {
|
||||||
console.error("Stealth Engine failed to load! Please contact support - discord.gg/unblocker")
|
console.error(
|
||||||
|
"Stealth Engine failed to load! Please contact support - discord.gg/unblocker"
|
||||||
|
);
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
|
@ -209,8 +195,6 @@ document.addEventListener("visibilitychange", handleTabLeave)
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// Set the option
|
// Set the option
|
||||||
|
|
@ -219,49 +203,27 @@ if (localStorage.getItem("theme") == null) {
|
||||||
localStorage.setItem("theme", "dark");
|
localStorage.setItem("theme", "dark");
|
||||||
}
|
}
|
||||||
|
|
||||||
window.onload = function () {
|
|
||||||
changeCSS("--background-primary", localStorage.getItem("--background-primary"));
|
|
||||||
changeCSS("--navbar-color", localStorage.getItem("--navbar-color"));
|
|
||||||
changeCSS("--navbar-height", localStorage.getItem("--navbar-height"));
|
|
||||||
changeCSS("--navbar-text-color", localStorage.getItem("--navbar-text-color"));
|
|
||||||
changeCSS("--input-text-color", localStorage.getItem("--input-text-color"));
|
|
||||||
changeCSS("--input-placeholder-color", localStorage.getItem("--input-placeholder-color"));
|
|
||||||
changeCSS("--input-background-color", localStorage.getItem("--input-background-color"));
|
|
||||||
changeCSS("--input-border-color", localStorage.getItem("--input-border-color"));
|
|
||||||
changeCSS("--input-border-size", localStorage.getItem("--input-border-size"));
|
|
||||||
changeCSS("--navbar-link-color", localStorage.getItem("--navbar-link-color"));
|
|
||||||
changeCSS("--navbar-font", localStorage.getItem("--navbar-font"));
|
|
||||||
changeCSS("--navbar-logo-filter", localStorage.getItem("--navbar-logo-filter"));
|
|
||||||
changeCSS("--text-color-primary", localStorage.getItem("--text-color-primary"));
|
|
||||||
};
|
|
||||||
|
|
||||||
function changeCSS(variable, value, saveBool) {
|
|
||||||
document.documentElement.style.setProperty(variable, value);
|
|
||||||
|
|
||||||
if (saveBool === true) {
|
|
||||||
saveCSS(variable, value);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function saveCSS(variable, value) {
|
|
||||||
localStorage.setItem(variable, value);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Extra logging for support
|
// Extra logging for support
|
||||||
function log() {
|
function log() {
|
||||||
setTimeout(
|
setTimeout(
|
||||||
console.log.bind(
|
console.log.bind(
|
||||||
console, "%cWelcome To Nebula", "background: #3F51B5;color:#FFF;padding:5px;border-radius: 5px;line-height: 26px; font-size:30px;"
|
console,
|
||||||
|
"%cWelcome To Nebula",
|
||||||
|
"background: #3F51B5;color:#FFF;padding:5px;border-radius: 5px;line-height: 26px; font-size:30px;"
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
setTimeout(
|
setTimeout(
|
||||||
console.log.bind(
|
console.log.bind(
|
||||||
console, "%c If you are seeing this, Nebula's main script has succesfully loaded!", "background: green;color:#FFF;padding:5px;border-radius: 5px;line-height: 26px; font-size:12px;"
|
console,
|
||||||
|
"%c If you are seeing this, Nebula's main script has succesfully loaded!",
|
||||||
|
"background: green;color:#FFF;padding:5px;border-radius: 5px;line-height: 26px; font-size:12px;"
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
setTimeout(
|
setTimeout(
|
||||||
console.log.bind(
|
console.log.bind(
|
||||||
console, "%cIf you encounter an error, contact our support team on discord. Copy and paste the information below and send it in the ticket", "background: red;color:#FFF;padding:5px;border-radius: 5px;line-height: 26px; font-size:12px;"
|
console,
|
||||||
|
"%cIf you encounter an error, contact our support team on discord. Copy and paste the information below and send it in the ticket",
|
||||||
|
"background: red;color:#FFF;padding:5px;border-radius: 5px;line-height: 26px; font-size:12px;"
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
let online = navigator.onLine;
|
let online = navigator.onLine;
|
||||||
|
|
@ -288,59 +250,6 @@ function log() {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
log();
|
log();
|
||||||
function switchTheme() {
|
|
||||||
var selecter = document.getElementById("themeSwitcher");
|
|
||||||
var selectedOption = selecter.value;
|
|
||||||
if (selectedOption == "dark") {
|
|
||||||
changeCSS("--background-primary", "#191724", true);
|
|
||||||
changeCSS("--navbar-color", "#26233a", true);
|
|
||||||
changeCSS("--navbar-height", "60px", true);
|
|
||||||
changeCSS("--navbar-text-color", "#7967dd", true);
|
|
||||||
changeCSS("--input-text-color", "#e0def4", true);
|
|
||||||
changeCSS("--input-placeholder-color", "#6e6a86", true);
|
|
||||||
changeCSS("--input-background-color", "#1f1d2e", true);
|
|
||||||
changeCSS("--input-placeholder-color", "white", true);
|
|
||||||
changeCSS("--input-border-color", "#eb6f92", true);
|
|
||||||
changeCSS("--input-border-size", "1.3px", true);
|
|
||||||
changeCSS("--navbar-link-color", "#e0def4", true);
|
|
||||||
changeCSS("--navbar-font", '"Roboto"', true);
|
|
||||||
changeCSS("--navbar-logo-filter", "invert(0%)", true);
|
|
||||||
changeCSS("--text-color-primary", "#e0def4", true);
|
|
||||||
localStorage.setItem("theme", "dark");
|
|
||||||
}
|
|
||||||
if (selectedOption == "light") {
|
|
||||||
changeCSS("--background-primary", "#d8d8d8", true);
|
|
||||||
changeCSS("--navbar-color", "#a2a2a2", true);
|
|
||||||
changeCSS("--navbar-height", "4em", true);
|
|
||||||
changeCSS("--navbar-text-color", "#000000", true);
|
|
||||||
changeCSS("--input-text-color", "#e0def4", true);
|
|
||||||
changeCSS("--input-placeholder-color", "white", true);
|
|
||||||
changeCSS("--input-background-color", "black", true);
|
|
||||||
changeCSS("--input-border-color", "#eb6f92", true);
|
|
||||||
changeCSS("--input-border-size", "1.3px", true);
|
|
||||||
changeCSS("--navbar-link-color", "#000000", true);
|
|
||||||
changeCSS("--navbar-font", '"Roboto"', true);
|
|
||||||
changeCSS("--navbar-logo-filter", "invert(30%)", true);
|
|
||||||
changeCSS("--text-color-primary", "#303030", true);
|
|
||||||
localStorage.setItem("theme", "light");
|
|
||||||
}
|
|
||||||
if (selectedOption == 'custom') {
|
|
||||||
changeCSS('--background-primary', localStorage.getItem("--background-primary"), true)
|
|
||||||
changeCSS('--navbar-color', localStorage.getItem("--navbar-color"), true)
|
|
||||||
changeCSS('--navbar-height', localStorage.getItem("--navbar-height"), true)
|
|
||||||
changeCSS('--navbar-text-color', localStorage.getItem("--navbar-text-color"), true)
|
|
||||||
changeCSS('--input-text-color', localStorage.getItem("--input-text-color"), true)
|
|
||||||
changeCSS('--input-placeholder-color', localStorage.getItem("--input-placeholder-color"), true)
|
|
||||||
changeCSS('--input-background-color', localStorage.getItem("--input-background-color"), true)
|
|
||||||
changeCSS('--input-border-color', localStorage.getItem("--input-border-color"), true)
|
|
||||||
changeCSS('--input-border-size', localStorage.getItem("--input-border-size"), true)
|
|
||||||
changeCSS('--navbar-link-color', localStorage.getItem("--navbar-link-color"), true)
|
|
||||||
changeCSS('--navbar-font', localStorage.getItem("--navbar-font"), true)
|
|
||||||
changeCSS('--navbar-logo-filter', localStorage.getItem("--navbar-logo-filter"), true)
|
|
||||||
changeCSS('--text-color-primary', localStorage.getItem("--text-color-primary"), true)
|
|
||||||
localStorage.setItem('theme', 'custom')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Adjectives and surnames for a more advanced stealth engine.
|
// Adjectives and surnames for a more advanced stealth engine.
|
||||||
// Used together to generate random names for the tab name
|
// Used together to generate random names for the tab name
|
||||||
|
|
@ -353,12 +262,10 @@ async function surnameAdjectivesData() {
|
||||||
.then((data) => {
|
.then((data) => {
|
||||||
adjectives = data.adjectives;
|
adjectives = data.adjectives;
|
||||||
surnames = data.surnames;
|
surnames = data.surnames;
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
surnameAdjectivesData();
|
surnameAdjectivesData();
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Random number generator
|
// Random number generator
|
||||||
// Dependency of getRandomName function
|
// Dependency of getRandomName function
|
||||||
function getRandomNumber(min, max) {
|
function getRandomNumber(min, max) {
|
||||||
|
|
@ -376,13 +283,6 @@ function getRandomName() {
|
||||||
return randomName;
|
return randomName;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Check if the Browser variable is undefined
|
|
||||||
// This is unused as of now but it could be used for better cloaking in the future, specifically with activeTab
|
|
||||||
if (typeof browser === "undefined") {
|
|
||||||
var browser = chrome;
|
|
||||||
}
|
|
||||||
browser = chrome;
|
|
||||||
|
|
||||||
// Clickoff cloaking
|
// Clickoff cloaking
|
||||||
// This is used to cloak the tab when it is not active
|
// This is used to cloak the tab when it is not active
|
||||||
function handleTabLeave() {
|
function handleTabLeave() {
|
||||||
|
|
@ -403,7 +303,8 @@ function handleTabLeave() {
|
||||||
link.rel = "icon";
|
link.rel = "icon";
|
||||||
document.getElementsByTagName("head")[0].appendChild(link);
|
document.getElementsByTagName("head")[0].appendChild(link);
|
||||||
}
|
}
|
||||||
link.href = "https://camo.githubusercontent.com/b565ae2e136e0ac6023e7099288a62382de7c2b8cdce86a8b90449b86649434c/68747470733a2f2f6e6562756c6170726f78792e6e6562756c612e62696f2f696d616765732f6c6f676f2e706e67";
|
link.href =
|
||||||
|
"https://camo.githubusercontent.com/b565ae2e136e0ac6023e7099288a62382de7c2b8cdce86a8b90449b86649434c/68747470733a2f2f6e6562756c6170726f78792e6e6562756c612e62696f2f696d616765732f6c6f676f2e706e67";
|
||||||
} else {
|
} else {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
@ -412,31 +313,44 @@ function handleTabLeave() {
|
||||||
// Create and Add the event listener
|
// Create and Add the event listener
|
||||||
document.addEventListener("visibilitychange", handleTabLeave);
|
document.addEventListener("visibilitychange", handleTabLeave);
|
||||||
|
|
||||||
const stealthStored = localStorage.getItem('nogg')
|
const stealthStored = localStorage.getItem("nogg");
|
||||||
function link(_link) {
|
function link(_link) {
|
||||||
if (stealthStored == "on") {
|
if (stealthStored == "on") {
|
||||||
let inFrame
|
let inFrame;
|
||||||
try { inFrame = window !== top } catch (e) { inFrame = true }
|
try {
|
||||||
|
inFrame = window !== top;
|
||||||
|
} catch (e) {
|
||||||
|
inFrame = true;
|
||||||
|
}
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
if (!inFrame && !navigator.userAgent.includes("Firefox")) {
|
if (!inFrame && !navigator.userAgent.includes("Firefox")) {
|
||||||
const popup = open("about:blank", "_blank")
|
const popup = open("about:blank", "_blank");
|
||||||
if (!popup || popup.closed) { alert("Popups are disabled!") } else {
|
if (!popup || popup.closed) {
|
||||||
const doc = popup.document
|
alert("Popups are disabled!");
|
||||||
const iframe = doc.createElement("iframe")
|
} else {
|
||||||
const style = iframe.style
|
const doc = popup.document;
|
||||||
const img = doc.createElement("link")
|
const iframe = doc.createElement("iframe");
|
||||||
img.rel = "icon"
|
const style = iframe.style;
|
||||||
img.href = "https://ssl.gstatic.com/images/branding/product/1x/drive_2020q4_32dp.png"
|
const img = doc.createElement("link");
|
||||||
doc.title = getRandomName()
|
img.rel = "icon";
|
||||||
var currentLink = _link.slice(0, _link.length - 1)
|
img.href =
|
||||||
iframe.src = location.origin + "/service/go/" + __uv$config.encodeUrl(currentLink)
|
"https://ssl.gstatic.com/images/branding/product/1x/drive_2020q4_32dp.png";
|
||||||
style.position = "fixed"
|
doc.title = getRandomName();
|
||||||
style.top = style.bottom = style.left = style.right = 0
|
var currentLink = _link.slice(0, _link.length - 1);
|
||||||
style.border = style.outline = "none"
|
iframe.src =
|
||||||
style.width = style.height = "100%"
|
location.origin +
|
||||||
doc.body.appendChild(iframe)
|
"/service/go/" +
|
||||||
|
__uv$config.encodeUrl(currentLink);
|
||||||
|
style.position = "fixed";
|
||||||
|
style.top = style.bottom = style.left = style.right = 0;
|
||||||
|
style.border = style.outline = "none";
|
||||||
|
style.width = style.height = "100%";
|
||||||
|
doc.body.appendChild(iframe);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}, 200)
|
}, 200);
|
||||||
} else { location.href = "service/go/" + __uv$config.encodeUrl("https://radon.games/") }
|
} else {
|
||||||
|
location.href =
|
||||||
|
"service/go/" + __uv$config.encodeUrl("https://radon.games/");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -10,164 +10,6 @@ function switchProxy() {
|
||||||
var storedChoice = localStorage.getItem("proxy");
|
var storedChoice = localStorage.getItem("proxy");
|
||||||
console.log(selectedOption);
|
console.log(selectedOption);
|
||||||
}
|
}
|
||||||
function switchTheme() {
|
|
||||||
var selecter = document.getElementById("themeSwitcher");
|
|
||||||
var selectedOption = selecter.value;
|
|
||||||
if (selectedOption == "dark") {
|
|
||||||
changeCSS("--background-primary", "#191724", true);
|
|
||||||
changeCSS("--navbar-color", "#26233a", true);
|
|
||||||
changeCSS("--navbar-height", "60px", true);
|
|
||||||
changeCSS("--navbar-text-color", "#7967dd", true);
|
|
||||||
changeCSS("--input-text-color", "#e0def4", true);
|
|
||||||
changeCSS("--input-placeholder-color", "#6e6a86", true);
|
|
||||||
changeCSS("--input-background-color", "#1f1d2e", true);
|
|
||||||
changeCSS("--input-placeholder-color", "white", true);
|
|
||||||
changeCSS("--input-border-color", "#eb6f92", true);
|
|
||||||
changeCSS("--input-border-size", "1.3px", true);
|
|
||||||
changeCSS("--navbar-link-color", "#e0def4", true);
|
|
||||||
changeCSS("--navbar-font", '"Roboto"', true);
|
|
||||||
changeCSS("--navbar-logo-filter", "invert(0%)", true);
|
|
||||||
changeCSS("--text-color-primary", "#e0def4", true);
|
|
||||||
localStorage.setItem("theme", "dark");
|
|
||||||
}
|
|
||||||
if (selectedOption == "light") {
|
|
||||||
changeCSS("--background-primary", "#d8d8d8", true);
|
|
||||||
changeCSS("--navbar-color", "#a2a2a2", true);
|
|
||||||
changeCSS("--navbar-height", "4em", true);
|
|
||||||
changeCSS("--navbar-text-color", "#000000", true);
|
|
||||||
changeCSS("--input-text-color", "#e0def4", true);
|
|
||||||
changeCSS("--input-placeholder-color", "white", true);
|
|
||||||
changeCSS("--input-background-color", "black", true);
|
|
||||||
changeCSS("--input-border-color", "#eb6f92", true);
|
|
||||||
changeCSS("--input-border-size", "1.3px", true);
|
|
||||||
changeCSS("--navbar-link-color", "#000000", true);
|
|
||||||
changeCSS("--navbar-font", '"Roboto"', true);
|
|
||||||
changeCSS("--navbar-logo-filter", "invert(30%)", true);
|
|
||||||
changeCSS("--text-color-primary", "#303030", true);
|
|
||||||
localStorage.setItem("theme", "light");
|
|
||||||
}
|
|
||||||
if (selectedOption == "custom") {
|
|
||||||
let startCustom = prompt(
|
|
||||||
"Would you like to have an interactive setup? Y/N",
|
|
||||||
""
|
|
||||||
);
|
|
||||||
if (startCustom == "Y" || startCustom == "y") {
|
|
||||||
alert(
|
|
||||||
"Welcome to the interactive setup. Please enter the following values. If you don't know what to enter, just press enter. They will default to Dark Mode."
|
|
||||||
);
|
|
||||||
let background = prompt(
|
|
||||||
"Background color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #191724",
|
|
||||||
""
|
|
||||||
);
|
|
||||||
let navbar = prompt(
|
|
||||||
"Navbar color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #26233a",
|
|
||||||
""
|
|
||||||
);
|
|
||||||
let navbarHeight = prompt(
|
|
||||||
"Navbar height || Possible Types: ABSOLUTE: cm, mm, Q, in, pc, pt, px RELATIVE: em, ex, ch, rem, lh, rlh, vw, vh, vb, vi || Default Value: 60px",
|
|
||||||
""
|
|
||||||
);
|
|
||||||
let navbarText = prompt(
|
|
||||||
"Navbar text color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #7967dd",
|
|
||||||
""
|
|
||||||
);
|
|
||||||
let inputText = prompt(
|
|
||||||
"Input text color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #e0def4",
|
|
||||||
""
|
|
||||||
);
|
|
||||||
let inputPlaceholder = prompt(
|
|
||||||
"Input placeholder color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #6e6a86",
|
|
||||||
""
|
|
||||||
);
|
|
||||||
let inputBackground = prompt(
|
|
||||||
"Input background color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #1f1d2e",
|
|
||||||
""
|
|
||||||
);
|
|
||||||
let inputBorder = prompt(
|
|
||||||
"Input border color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #eb6f92",
|
|
||||||
""
|
|
||||||
);
|
|
||||||
let inputBorderSize = prompt(
|
|
||||||
"Input border size || Possible Types: ABSOLUTE: cm, mm, Q, in, pc, pt, px RELATIVE: em, ex, ch, rem, lh, rlh, vw, vh, vb, vi || Default Value: 1.3px",
|
|
||||||
""
|
|
||||||
);
|
|
||||||
let navbarFont = prompt(
|
|
||||||
'Navbar font || Enter a default font name, custom ones will likely not work. || Default Value: "Roboto"',
|
|
||||||
""
|
|
||||||
);
|
|
||||||
let navbarLink = prompt(
|
|
||||||
"Navbar link color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #e0def4",
|
|
||||||
""
|
|
||||||
);
|
|
||||||
let navbarLogoFilter = prompt(
|
|
||||||
"Navbar logo filter || Adjust the NavBar-Logo-Filter. || Default Value: invert(0%)",
|
|
||||||
""
|
|
||||||
);
|
|
||||||
let textColorPrimary = prompt(
|
|
||||||
"Text color primary || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #e0def4",
|
|
||||||
""
|
|
||||||
);
|
|
||||||
localStorage.setItem("theme", "custom");
|
|
||||||
changeCSS("--background-primary", background, true);
|
|
||||||
changeCSS("--navbar-color", navbar, true);
|
|
||||||
changeCSS("--navbar-height", navbarHeight, true);
|
|
||||||
changeCSS("--navbar-text-color", navbarText, true);
|
|
||||||
changeCSS("--input-text-color", inputText, true);
|
|
||||||
changeCSS("--input-placeholder-color", inputPlaceholder, true);
|
|
||||||
changeCSS("--input-background-color", inputBackground, true);
|
|
||||||
changeCSS("--input-border-color", inputBorder, true);
|
|
||||||
changeCSS("--input-border-size", inputBorderSize, true);
|
|
||||||
changeCSS("--navbar-link-color", navbarLink, true);
|
|
||||||
changeCSS("--navbar-font", navbarFont, true);
|
|
||||||
changeCSS("--navbar-logo-filter", navbarLogoFilter, true);
|
|
||||||
changeCSS("--text-color-primary", textColorPrimary, true);
|
|
||||||
} else {
|
|
||||||
alert("Non-Interactive Setup Not supported yet.");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// onload event
|
|
||||||
window.onload = function () {
|
|
||||||
let background = localStorage.getItem("--background-primary");
|
|
||||||
let navbar = localStorage.getItem("--navbar-color");
|
|
||||||
let navbarHeight = localStorage.getItem("--navbar-height");
|
|
||||||
let navbarText = localStorage.getItem("--navbar-text-color");
|
|
||||||
let inputText = localStorage.getItem("--input-text-color");
|
|
||||||
let inputPlaceholder = localStorage.getItem("--input-placeholder-color");
|
|
||||||
let inputBackground = localStorage.getItem("--input-background-color");
|
|
||||||
let inputBorder = localStorage.getItem("--input-border-color");
|
|
||||||
let inputBorderSize = localStorage.getItem("--input-border-size");
|
|
||||||
let navbarFont = localStorage.getItem("--navbar-font");
|
|
||||||
let navbarLink = localStorage.getItem("--navbar-link-color");
|
|
||||||
let navbarLogoFilter = localStorage.getItem("--navbar-logo-filter");
|
|
||||||
let textColorPrimary = localStorage.getItem("--text-color-primary");
|
|
||||||
changeCSS("--background-primary", background);
|
|
||||||
changeCSS("--navbar-color", navbar);
|
|
||||||
changeCSS("--navbar-height", navbarHeight);
|
|
||||||
changeCSS("--navbar-text-color", navbarText);
|
|
||||||
changeCSS("--input-text-color", inputText);
|
|
||||||
changeCSS("--input-placeholder-color", inputPlaceholder);
|
|
||||||
changeCSS("--input-background-color", inputBackground);
|
|
||||||
changeCSS("--input-border-color", inputBorder);
|
|
||||||
changeCSS("--input-border-size", inputBorderSize);
|
|
||||||
changeCSS("--navbar-link-color", navbarLink);
|
|
||||||
changeCSS("--navbar-font", navbarFont);
|
|
||||||
changeCSS("--navbar-logo-filter", navbarLogoFilter);
|
|
||||||
changeCSS("--text-color-primary", textColorPrimary);
|
|
||||||
};
|
|
||||||
|
|
||||||
function changeCSS(variable, value, saveBool) {
|
|
||||||
document.documentElement.style.setProperty(variable, value);
|
|
||||||
|
|
||||||
if (saveBool === true) {
|
|
||||||
saveCSS(variable, value);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function saveCSS(variable, value) {
|
|
||||||
localStorage.setItem(variable, value);
|
|
||||||
}
|
|
||||||
|
|
||||||
function resetViews() {
|
function resetViews() {
|
||||||
changeCSS("--background-primary", "#191724", true);
|
changeCSS("--background-primary", "#191724", true);
|
||||||
|
|
|
||||||
33
public/resources/preload.js
Normal file
33
public/resources/preload.js
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
window.onload = function () {
|
||||||
|
changeCSS(
|
||||||
|
"--background-primary",
|
||||||
|
localStorage.getItem("--background-primary")
|
||||||
|
);
|
||||||
|
changeCSS("--navbar-color", localStorage.getItem("--navbar-color"));
|
||||||
|
changeCSS("--navbar-height", localStorage.getItem("--navbar-height"));
|
||||||
|
changeCSS("--navbar-text-color", localStorage.getItem("--navbar-text-color"));
|
||||||
|
changeCSS("--input-text-color", localStorage.getItem("--input-text-color"));
|
||||||
|
changeCSS(
|
||||||
|
"--input-placeholder-color",
|
||||||
|
localStorage.getItem("--input-placeholder-color")
|
||||||
|
);
|
||||||
|
changeCSS(
|
||||||
|
"--input-background-color",
|
||||||
|
localStorage.getItem("--input-background-color")
|
||||||
|
);
|
||||||
|
changeCSS(
|
||||||
|
"--input-border-color",
|
||||||
|
localStorage.getItem("--input-border-color")
|
||||||
|
);
|
||||||
|
changeCSS("--input-border-size", localStorage.getItem("--input-border-size"));
|
||||||
|
changeCSS("--navbar-link-color", localStorage.getItem("--navbar-link-color"));
|
||||||
|
changeCSS("--navbar-font", localStorage.getItem("--navbar-font"));
|
||||||
|
changeCSS(
|
||||||
|
"--navbar-logo-filter",
|
||||||
|
localStorage.getItem("--navbar-logo-filter")
|
||||||
|
);
|
||||||
|
changeCSS(
|
||||||
|
"--text-color-primary",
|
||||||
|
localStorage.getItem("--text-color-primary")
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
@ -20,23 +20,28 @@ function stealthEngine(encodedURL) {
|
||||||
if (!inFrame && !navigator.userAgent.includes("Firefox")) {
|
if (!inFrame && !navigator.userAgent.includes("Firefox")) {
|
||||||
const popup = open("about:blank", "_blank");
|
const popup = open("about:blank", "_blank");
|
||||||
if (!popup || popup.closed) {
|
if (!popup || popup.closed) {
|
||||||
alert("StealthEngine was unable to open a popup. (do you have popups disabled?)");
|
alert(
|
||||||
|
"StealthEngine was unable to open a popup. (do you have popups disabled?)"
|
||||||
|
);
|
||||||
} else {
|
} else {
|
||||||
const doc = popup.document;
|
const doc = popup.document;
|
||||||
const iframe = doc.createElement("iframe");
|
const iframe = doc.createElement("iframe");
|
||||||
const style = iframe.style;
|
const style = iframe.style;
|
||||||
popup.onload = () => {
|
popup.onload = () => {
|
||||||
document.getElementById("lpoader").style.display = "none"
|
document.getElementById("lpoader").style.display = "none";
|
||||||
document.getElementById('connectorText').textContent = "connecting to service"
|
document.getElementById("connectorText").textContent =
|
||||||
|
"connecting to service";
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
document.getElementById('connectorText').textContent = "connecting to service"
|
document.getElementById("connectorText").textContent =
|
||||||
|
"connecting to service";
|
||||||
}, 17500);
|
}, 17500);
|
||||||
};
|
};
|
||||||
var isClosed = setInterval(function () {
|
var isClosed = setInterval(function () {
|
||||||
if (popup.closed) {
|
if (popup.closed) {
|
||||||
clearInterval(isClosed);
|
clearInterval(isClosed);
|
||||||
document.getElementById("lpoader").style.display = "none"
|
document.getElementById("lpoader").style.display = "none";
|
||||||
document.getElementById('connectorText').textContent = "connecting to service"
|
document.getElementById("connectorText").textContent =
|
||||||
|
"connecting to service";
|
||||||
}
|
}
|
||||||
}, 1000);
|
}, 1000);
|
||||||
// Favicon attachment
|
// Favicon attachment
|
||||||
|
|
@ -48,14 +53,15 @@ function stealthEngine(encodedURL) {
|
||||||
doc.head.appendChild(arcSrc);
|
doc.head.appendChild(arcSrc);
|
||||||
const link = location.href;
|
const link = location.href;
|
||||||
img.rel = "icon";
|
img.rel = "icon";
|
||||||
img.href = ABFavicon || "https://ssl.gstatic.com/images/branding/product/1x/drive_2020q4_32dp.png";
|
img.href =
|
||||||
|
ABFavicon ||
|
||||||
|
"https://ssl.gstatic.com/images/branding/product/1x/drive_2020q4_32dp.png";
|
||||||
if (localStorage.nogg == "on") {
|
if (localStorage.nogg == "on") {
|
||||||
doc.title = ABTitle || getRandomName();
|
doc.title = ABTitle || getRandomName();
|
||||||
} else {
|
} else {
|
||||||
doc.title = ABTitle || "Nebula";
|
doc.title = ABTitle || "Nebula";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
var currentLink = link.slice(0, link.length - 1);
|
var currentLink = link.slice(0, link.length - 1);
|
||||||
|
|
||||||
iframe.src = currentLink + encodedURL;
|
iframe.src = currentLink + encodedURL;
|
||||||
|
|
|
||||||
189
public/resources/theme.js
Normal file
189
public/resources/theme.js
Normal file
|
|
@ -0,0 +1,189 @@
|
||||||
|
const THEME_OPTIONS = {
|
||||||
|
dark: {
|
||||||
|
"--background-primary": "#191724",
|
||||||
|
"--navbar-color": "#26233a",
|
||||||
|
"--navbar-height": "60px",
|
||||||
|
"--navbar-text-color": "#7967dd",
|
||||||
|
"--input-text-color": "#e0def4",
|
||||||
|
"--input-placeholder-color": "#6e6a86",
|
||||||
|
"--input-background-color": "#1f1d2e",
|
||||||
|
"--input-placeholder-color": "white",
|
||||||
|
"--input-border-color": "#eb6f92",
|
||||||
|
"--input-border-size": "1.3px",
|
||||||
|
"--navbar-link-color": "#e0def4",
|
||||||
|
"--navbar-font": '"Roboto"',
|
||||||
|
"--navbar-logo-filter": "invert(0%)",
|
||||||
|
"--text-color-primary": "#e0def4"
|
||||||
|
},
|
||||||
|
light: {
|
||||||
|
"--background-primary": "#d8d8d8",
|
||||||
|
"--navbar-color": "#a2a2a2",
|
||||||
|
"--navbar-height": "4em",
|
||||||
|
"--navbar-text-color": "#000000",
|
||||||
|
"--input-text-color": "#e0def4",
|
||||||
|
"--input-placeholder-color": "white",
|
||||||
|
"--input-background-color": "black",
|
||||||
|
"--input-border-color": "#eb6f92",
|
||||||
|
"--input-border-size": "1.3px",
|
||||||
|
"--navbar-link-color": "#000000",
|
||||||
|
"--navbar-font": '"Roboto"',
|
||||||
|
"--navbar-logo-filter": "invert(30%)",
|
||||||
|
"--text-color-primary": "#303030"
|
||||||
|
},
|
||||||
|
suit: {
|
||||||
|
"--background-primary": "#0c0c0c",
|
||||||
|
"--navbar-color": "#ff2e4e",
|
||||||
|
"--navbar-height": "4em",
|
||||||
|
"--navbar-text-color": "#000000",
|
||||||
|
"--input-text-color": "#e0def4",
|
||||||
|
"--input-placeholder-color": "white",
|
||||||
|
"--input-background-color": "#00000000",
|
||||||
|
"--input-border-color": "#ff346e",
|
||||||
|
"--input-border-size": "1.3px",
|
||||||
|
"--navbar-link-color": "#000000",
|
||||||
|
"--navbar-font": '"Roboto"',
|
||||||
|
"--navbar-logo-filter": "brightness(30)",
|
||||||
|
"--text-color-primary": "#00000"
|
||||||
|
},
|
||||||
|
metallic: {
|
||||||
|
"--background-primary": "#171717",
|
||||||
|
"--navbar-color": "#004953",
|
||||||
|
"--navbar-height": "4em",
|
||||||
|
"--navbar-text-color": "#ffffff",
|
||||||
|
"--input-text-color": "#e0def4",
|
||||||
|
"--input-placeholder-color": "white",
|
||||||
|
"--input-background-color": "#004953",
|
||||||
|
"--input-border-color": "#000000",
|
||||||
|
"--input-border-size": "1.3px",
|
||||||
|
"--navbar-link-color": "#e0def4",
|
||||||
|
"--navbar-font": '"Roboto"',
|
||||||
|
"--navbar-logo-filter": "invert(50%)",
|
||||||
|
"--text-color-primary": "#e0def4"
|
||||||
|
},
|
||||||
|
dante: {
|
||||||
|
"--background-primary": "#131313",
|
||||||
|
"--navbar-color": "#e4ff8b",
|
||||||
|
"--navbar-height": "3.5em",
|
||||||
|
"--navbar-text-color": "#000000",
|
||||||
|
"--input-text-color": "#000000",
|
||||||
|
"--input-placeholder-color": "000000",
|
||||||
|
"--input-background-color": "#e4ff8b",
|
||||||
|
"--input-border-color": "#00000000",
|
||||||
|
"--input-border-size": "1.3px",
|
||||||
|
"--navbar-link-color": "#000000",
|
||||||
|
"--navbar-font": '"Roboto"',
|
||||||
|
"--navbar-logo-filter": "brightness(0%)",
|
||||||
|
"--text-color-primary": "#000"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
function changeCSS(property, value, isRoot = false) {
|
||||||
|
const root = document.documentElement;
|
||||||
|
isRoot
|
||||||
|
? root.style.setProperty(property, value)
|
||||||
|
: root.style.setProperty(property, value, "important");
|
||||||
|
}
|
||||||
|
|
||||||
|
function saveCSS(variable, value) {
|
||||||
|
localStorage.setItem(variable, value);
|
||||||
|
}
|
||||||
|
function applyTheme(theme) {
|
||||||
|
Object.entries(theme).forEach(([property, value]) => {
|
||||||
|
changeCSS(property, value);
|
||||||
|
localStorage.setItem(property, value);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function switchTheme() {
|
||||||
|
const selecter = document.getElementById("themeSwitcher");
|
||||||
|
const selectedOption = selecter.value;
|
||||||
|
console.log(selectedOption);
|
||||||
|
const theme = THEME_OPTIONS[selectedOption];
|
||||||
|
|
||||||
|
if (!theme) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
applyTheme(theme);
|
||||||
|
localStorage.setItem("theme", selectedOption);
|
||||||
|
|
||||||
|
if (selectedOption == "custom") {
|
||||||
|
let startCustom = prompt(
|
||||||
|
"Would you like to have an interactive setup? Y/N",
|
||||||
|
""
|
||||||
|
);
|
||||||
|
if (startCustom == "Y" || startCustom == "y") {
|
||||||
|
alert(
|
||||||
|
"Welcome to the interactive setup. Please enter the following values. If you don't know what to enter, just press enter. They will default to Dark Mode."
|
||||||
|
);
|
||||||
|
let background = prompt(
|
||||||
|
"Background color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #191724",
|
||||||
|
""
|
||||||
|
);
|
||||||
|
let navbar = prompt(
|
||||||
|
"Navbar color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #26233a",
|
||||||
|
""
|
||||||
|
);
|
||||||
|
let navbarHeight = prompt(
|
||||||
|
"Navbar height || Possible Types: ABSOLUTE: cm, mm, Q, in, pc, pt, px RELATIVE: em, ex, ch, rem, lh, rlh, vw, vh, vb, vi || Default Value: 60px",
|
||||||
|
""
|
||||||
|
);
|
||||||
|
let navbarText = prompt(
|
||||||
|
"Navbar text color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #7967dd",
|
||||||
|
""
|
||||||
|
);
|
||||||
|
let inputText = prompt(
|
||||||
|
"Input text color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #e0def4",
|
||||||
|
""
|
||||||
|
);
|
||||||
|
let inputPlaceholder = prompt(
|
||||||
|
"Input placeholder color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #6e6a86",
|
||||||
|
""
|
||||||
|
);
|
||||||
|
let inputBackground = prompt(
|
||||||
|
"Input background color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #1f1d2e",
|
||||||
|
""
|
||||||
|
);
|
||||||
|
let inputBorder = prompt(
|
||||||
|
"Input border color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #eb6f92",
|
||||||
|
""
|
||||||
|
);
|
||||||
|
let inputBorderSize = prompt(
|
||||||
|
"Input border size || Possible Types: ABSOLUTE: cm, mm, Q, in, pc, pt, px RELATIVE: em, ex, ch, rem, lh, rlh, vw, vh, vb, vi || Default Value: 1.3px",
|
||||||
|
""
|
||||||
|
);
|
||||||
|
let navbarFont = prompt(
|
||||||
|
'Navbar font || Enter a default font name, custom ones will likely not work. || Default Value: "Roboto"',
|
||||||
|
""
|
||||||
|
);
|
||||||
|
let navbarLink = prompt(
|
||||||
|
"Navbar link color || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #e0def4",
|
||||||
|
""
|
||||||
|
);
|
||||||
|
let navbarLogoFilter = prompt(
|
||||||
|
"Navbar logo filter || Adjust the NavBar-Logo-Filter. || Default Value: invert(0%)",
|
||||||
|
""
|
||||||
|
);
|
||||||
|
let textColorPrimary = prompt(
|
||||||
|
"Text color primary || Possible Types: Keywords, RGB, RBBA, HSL, HSLA, Hexadecimal. || Default Value: #e0def4",
|
||||||
|
""
|
||||||
|
);
|
||||||
|
localStorage.setItem("theme", "custom");
|
||||||
|
changeCSS("--background-primary", background, true);
|
||||||
|
changeCSS("--navbar-color", navbar, true);
|
||||||
|
changeCSS("--navbar-height", navbarHeight, true);
|
||||||
|
changeCSS("--navbar-text-color", navbarText, true);
|
||||||
|
changeCSS("--input-text-color", inputText, true);
|
||||||
|
changeCSS("--input-placeholder-color", inputPlaceholder, true);
|
||||||
|
changeCSS("--input-background-color", inputBackground, true);
|
||||||
|
changeCSS("--input-border-color", inputBorder, true);
|
||||||
|
changeCSS("--input-border-size", inputBorderSize, true);
|
||||||
|
changeCSS("--navbar-link-color", navbarLink, true);
|
||||||
|
changeCSS("--navbar-font", navbarFont, true);
|
||||||
|
changeCSS("--navbar-logo-filter", navbarLogoFilter, true);
|
||||||
|
changeCSS("--text-color-primary", textColorPrimary, true);
|
||||||
|
} else {
|
||||||
|
alert("Non-Interactive Setup Not supported yet.");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -15,21 +15,23 @@ validateOTP.onclick = () => {
|
||||||
body: JSON.stringify({
|
body: JSON.stringify({
|
||||||
otp: document.getElementById("otp").value
|
otp: document.getElementById("otp").value
|
||||||
})
|
})
|
||||||
}).then((response) => {
|
})
|
||||||
return response.json();
|
.then((response) => {
|
||||||
}).then((data) => {
|
return response.json();
|
||||||
if (data.success) {
|
})
|
||||||
setCookie("validation", data.validation, 30);
|
.then((data) => {
|
||||||
location.href = "/";
|
if (data.success) {
|
||||||
} else {
|
setCookie("validation", data.validation, 30);
|
||||||
alert("Invalid OTP.");
|
location.href = "/";
|
||||||
}
|
} else {
|
||||||
}).catch(() => {
|
alert("Invalid OTP.");
|
||||||
alert("An error occurred while validating your OTP.")
|
}
|
||||||
});
|
})
|
||||||
|
.catch(() => {
|
||||||
|
alert("An error occurred while validating your OTP.");
|
||||||
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
function setCookie(name, value, days) {
|
function setCookie(name, value, days) {
|
||||||
var expires = "";
|
var expires = "";
|
||||||
if (days) {
|
if (days) {
|
||||||
|
|
|
||||||
|
|
@ -37,17 +37,23 @@
|
||||||
<meta name="revisit-after" content="10 days" />
|
<meta name="revisit-after" content="10 days" />
|
||||||
<meta name="author" content="Nebula Services" />
|
<meta name="author" content="Nebula Services" />
|
||||||
|
|
||||||
<!-- Stylesheets -->
|
<!-- Scripts -->
|
||||||
|
<script src="resources/preload.js"></script>
|
||||||
|
<script src="resources/theme.js"></script>
|
||||||
<script src="resources/nebulamain.js"></script>
|
<script src="resources/nebulamain.js"></script>
|
||||||
<script src="resources/nebulaclock.js"></script>
|
<script src="resources/nebulaclock.js"></script>
|
||||||
<script src="resources/stealthEngine.js"></script>
|
<script src="resources/stealthEngine.js"></script>
|
||||||
<link rel="stylesheet" href="style/main.css">
|
<!-- Stylesheet -->
|
||||||
|
<link rel="stylesheet" href="style/main.css" />
|
||||||
<!-- Embed -->
|
<!-- Embed -->
|
||||||
<meta name="theme-color" content="#eb6f92">
|
<meta name="theme-color" content="#eb6f92" />
|
||||||
<meta property="og:title" content="Nebula">
|
<meta property="og:title" content="Nebula" />
|
||||||
<meta property="og:type" content="website">
|
<meta property="og:type" content="website" />
|
||||||
<meta property="og:image" content="https://static.nebulacdn.xyz/content/images/nebula_logo_619x619.png">
|
<meta
|
||||||
<meta property="og:description" content="Nebula Web">
|
property="og:image"
|
||||||
|
content="https://static.nebulacdn.xyz/content/images/nebula_logo_619x619.png"
|
||||||
|
/>
|
||||||
|
<meta property="og:description" content="Nebula Web" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- Scripts -->
|
<!-- Scripts -->
|
||||||
|
|
@ -388,7 +394,8 @@
|
||||||
<a
|
<a
|
||||||
class="tos"
|
class="tos"
|
||||||
href="#"
|
href="#"
|
||||||
onclick='window.href = "/service/go/" + __uv$config.encodeUrl("https://static.nebulacdn.xyz/content/other/nebula-privacy-policy/index.html")'>Privacy</a
|
onclick='window.href = "/service/go/" + __uv$config.encodeUrl("https://static.nebulacdn.xyz/content/other/nebula-privacy-policy/index.html")'
|
||||||
|
>Privacy</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -12,8 +12,9 @@
|
||||||
<!-- Embed -->
|
<!-- Embed -->
|
||||||
|
|
||||||
<script src="../uv/uv.bundle.js"></script>
|
<script src="../uv/uv.bundle.js"></script>
|
||||||
<script src="../resources/appModules/BareSwitcher.js"></script>
|
<script src="resources/preload.js"></script>
|
||||||
<script src="../resources/options.js"></script>
|
<script src="../resources/options.js"></script>
|
||||||
|
<script src="resources/theme.js"></script>
|
||||||
<meta name="theme-color" content="#5a189a">
|
<meta name="theme-color" content="#5a189a">
|
||||||
<meta property=og:title content=Nebula>
|
<meta property=og:title content=Nebula>
|
||||||
<meta property="og:type" content="website" />
|
<meta property="og:type" content="website" />
|
||||||
|
|
@ -120,23 +121,18 @@
|
||||||
<a onclick="unsavedChanges();">
|
<a onclick="unsavedChanges();">
|
||||||
<select class="dropdown" id="themeSwitcher">
|
<select class="dropdown" id="themeSwitcher">
|
||||||
<option value="dark">Shades</option>
|
<option value="dark">Shades</option>
|
||||||
|
<option value="suit">Suit (new) </option>
|
||||||
|
<option value="metallic">Metallic (new) </option>
|
||||||
|
<option value="dante">Dante (new) </option>
|
||||||
<option value="light">Blizzard</option>
|
<option value="light">Blizzard</option>
|
||||||
|
|
||||||
<option value="custom">Custom (Beta)</option>
|
<option value="custom">Custom (Beta)</option>
|
||||||
</select>
|
</select>
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
<a onclick="saveIc();switchTheme();" class="button-save"> Apply </a>
|
<a onclick="saveIc();switchTheme();" class="button-save"> Apply </a>
|
||||||
</div>
|
</div>
|
||||||
<!--
|
|
||||||
<div class="settings-cont">
|
|
||||||
<p class="name" style="font-size: 21px;"> AB Random Tab Name </p>
|
|
||||||
<p class="description"> Choose to randomize your Stealth Tab name or not. </p>
|
|
||||||
<a onclick="saveIc();" class="button-save" style="
|
|
||||||
margin-right: 20px;
|
|
||||||
"> Disable </a>
|
|
||||||
<a onclick="saveIc();" class="button-save"> Enable (recommended) </a>
|
|
||||||
</span>
|
|
||||||
</div>-->
|
|
||||||
<div class="settings-cont">
|
<div class="settings-cont">
|
||||||
<p class="name" style="font-size: 21px;"> Custom AB Tab Info </p>
|
<p class="name" style="font-size: 21px;"> Custom AB Tab Info </p>
|
||||||
<p class="description"> Choose a custom Title + Favicon for your AB Tab </p>
|
<p class="description"> Choose a custom Title + Favicon for your AB Tab </p>
|
||||||
|
|
@ -154,13 +150,7 @@
|
||||||
<label disabled for="ssuggestion" style="background: grey;">
|
<label disabled for="ssuggestion" style="background: grey;">
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="settings-cont">
|
|
||||||
<p class="name" style="font-size: 24px;"> Bare location </p>
|
|
||||||
<p class="description">Choose the location where a bare server is hosted. </p>
|
|
||||||
<input id="bareLocationInput" class="bareLocationInput" type="url">
|
|
||||||
<p id="validIndicator" class="bareValidSignal" > </p>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="settings-cont">
|
<div class="settings-cont">
|
||||||
<p class="name"> Misc </p>
|
<p class="name"> Misc </p>
|
||||||
<p class="description"></p>
|
<p class="description"></p>
|
||||||
|
|
@ -176,7 +166,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div id='sidebar'>
|
<div id='sidebar'>
|
||||||
</div>
|
</div>
|
||||||
<p class="stamp"> Version 7.11.4 (Public Release) | Nebula Copyright (c) Nebula Services 2022 </p>
|
<p class="stamp"> Nebula Copyright (c) Nebula Services 2022 </p>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
var noggStored = localStorage.getItem("nogg")
|
var noggStored = localStorage.getItem("nogg")
|
||||||
|
|
@ -201,9 +191,6 @@ if (cloakStored == "on") {
|
||||||
themeSelector.value = themeStored
|
themeSelector.value = themeStored
|
||||||
proxySel.value = proxyStored
|
proxySel.value = proxyStored
|
||||||
|
|
||||||
getBareLocation().then(bareLocation => {
|
|
||||||
document.getElementById("bareLocationInput").value = bareLocation;
|
|
||||||
});
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue