Changes the text color of the entire game to the selected color
// ==UserScript==
// @name Drawaria Change Text Color to the Game!
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Changes the text color of the entire game to the selected color
// @author YouTubeDrawaria
// @match https://drawaria.online/
// @license MIT
// @icon https://www.google.com/s2/favicons?sz=64&domain=drawaria.online
// @grant none
// ==/UserScript==
(function() {
'use strict';
// Agregar el botón y el men� desplegable
var buttonContainer = document.querySelector("#continueautosaved-run").parentNode;
var dropdownButton = document.createElement("button");
dropdownButton.textContent = "Change Text Color";
dropdownButton.className = "btn btn-outline-info";
dropdownButton.style.color = "#f5deb3";
dropdownButton.setAttribute("data-toggle", "dropdown");
dropdownButton.setAttribute("aria-haspopup", "true");
dropdownButton.setAttribute("aria-expanded", "false");
buttonContainer.appendChild(dropdownButton);
var dropdownMenu = document.createElement("div");
dropdownMenu.className = "dropdown-menu";
dropdownMenu.style.display = "none";
dropdownButton.appendChild(dropdownMenu);
// Traducir los nombres de los colores
var colorTranslations = {
"en": ["Red", "Green", "Blue", "Black", "White", "Yellow", "Orange", "Purple", "Cyan", "Pink", "Gray", "Brown", "Beige", "Turquoise", "Violet"],
"ru": ["Красный", "Зеленый", "Синий", "Черный", "Белый", "Желтый", "Оранжевый", "Фиолетовый", "Голубой", "Розовый", "Серый", "Коричневый", "Бежевый", "Бирюзовый", "Фиолетовый"],
"es": ["Rojo", "Verde", "Azul", "Negro", "Blanco", "Amarillo", "Naranja", "Morado", "Celeste", "Rosa", "Gris", "Marrón", "Beige", "Turquesa", "Violeta"]
};
// Agregar opciones de color al men� desplegable
var colorOptions = colorTranslations["en"];
var colorCodes = [
"#FF0000", "#008000", "#0000FF", "#000000", "#FFFFFF",
"#FFFF00", "#FFA500", "#800080", "#00FFFF", "#FFC0CB",
"#808080", "#964B00", "#F5DEB3", "#40E0D0", "#EE82EE"
];
for (var i = 0; i < colorOptions.length; i++) {
var colorOption = document.createElement("a");
colorOption.className = "dropdown-item";
colorOption.textContent = colorOptions[i];
colorOption.style.color = colorCodes[i];
colorOption.addEventListener("click", function(color) {
return function() {
changeTextColor(color);
};
}(colorCodes[i]));
dropdownMenu.appendChild(colorOption);
}
// Función para cambiar el color de texto
function changeTextColor(color) {
// Seleccionar los elementos relevantes para cambiar el color de texto
var elements = document.querySelectorAll("body, h1, h2, h3, h4, h5, h6, p, span, a, button, input, label, select, textarea");
elements.forEach(function(element) {
element.style.color = color;
});
}
// Función para actualizar el idioma
function updateLanguage(lang) {
// Actualizar los nombres de los colores
var colorOptions = colorTranslations[lang];
dropdownMenu.innerHTML = ''; // Limpiar el men� desplegable
for (var i = 0; i < colorOptions.length; i++) {
var colorOption = document.createElement("a");
colorOption.className = "dropdown-item";
colorOption.textContent = colorOptions[i];
colorOption.style.color = colorCodes[i];
colorOption.addEventListener("click", function(color) {
return function() {
changeTextColor(color);
};
}(colorCodes[i]));
dropdownMenu.appendChild(colorOption);
}
}
// Detectar cambios en el selector de idioma
var langSelector = document.getElementById('langselector');
langSelector.addEventListener('change', function() {
var lang = langSelector.value;
updateLanguage(lang);
});
// Mostrar/ocultar el men� desplegable al hacer clic en el botón
dropdownButton.addEventListener("click", function() {
if (dropdownMenu.style.display === "none") {
dropdownMenu.style.display = "block";
} else {
dropdownMenu.style.display = "none";
}
});
})();