☰

Drawaria Change Text Color to the Game!

Changes the text color of the entire game to the selected color

作者
YouTubeDrawaria
今日安裝
0
安裝總數
161
評價
0 0 0
版本
0.1
建立日期
2024-06-07
更新日期
2024-06-07
尺寸
4.4 KB
授權條款
MIT
腳本執行於

🚀 Drawaria Change Text Color to the Game!

🎯 What does this script do? / ¿Qué hace este script?

English: This script adds a dropdown menu to the Drawaria game interface that allows users to change the text color of the entire game. It provides a selection of predefined colors that can be applied globally across various text elements. The script also includes basic language translation for color names and dynamically updates the dropdown based on the user's selected language. This feature allows for a personalized visual experience within the game.

Español: Este script añade un menú desplegable a la interfaz del juego Drawaria que permite a los usuarios cambiar el color del texto de todo el juego. Proporciona una selección de colores predefinidos que se pueden aplicar globalmente en varios elementos de texto. El script también incluye traducción básica de nombres de colores y actualiza dinámicamente el menú desplegable según el idioma seleccionado por el usuario. Esta característica permite una experiencia visual personalizada dentro del juego.

✨ Features / Características

Global Text Color Customization
  • 🔧 Color Selection Menu - Adds a dropdown menu with a list of selectable colors.
  • ⚡ Global Text Color Change - Applies the selected color to most text elements across the game interface.
  • 🎨 Language Translation - Translates color names into English, Russian, and Spanish.
  • 🚀 Dynamic Language Update - Automatically updates color names in the menu based on the game's language selector.
  • 💡 Easy Integration - Appends the color change button to the existing game UI.
  • 🔒 User-Friendly Interface - Simple dropdown for quick and easy color adjustments.

Español:

  • 🔧 Menú de Selección de Color - Añade un menú desplegable con una lista de colores seleccionables.
  • ⚡ Cambio Global de Color de Texto - Aplica el color seleccionado a la mayoría de los elementos de texto en la interfaz del juego.
  • 🎨 Traducción de Idiomas - Traduce los nombres de los colores al inglés, ruso y español.
  • 🚀 Actualización Dinámica del Idioma - Actualiza automáticamente los nombres de los colores en el menú según el selector de idioma del juego.
  • 💡 Integración Sencilla - Añade el botón de cambio de color a la interfaz del juego existente.
  • 🔒 Interfaz Fácil de Usar - Menú desplegable simple para ajustes de color rápidos y sencillos.

📥 Installation / Instalación

🇺🇸 English Instructions 🇪🇸 Instrucciones en Español
  1. Install the Tampermonkey extension (or a similar userscript manager) in your browser.
  2. Create a new userscript and paste the provided code into the editor.
  3. Save the script.
  4. Navigate to the Drawaria website (https://drawaria.online/).
  5. You will see a new "Change Text Color" button near the "Continue Autosaved Run" button.
  6. Click the button to open the color selection menu.
  1. Instala la extensión Tampermonkey (o un gestor de userscripts similar) en tu navegador.
  2. Crea un nuevo userscript y pega el código proporcionado en el editor.
  3. Guarda el script.
  4. Navega al sitio web de Drawaria (https://drawaria.online/).
  5. Verás un nuevo botón "Change Text Color" cerca del botón "Continue Autosaved Run".
  6. Haz clic en el botón para abrir el menú de selección de color.

🎮 How to Use / Cómo Usar

  • 🔵 Step 1: Locate the "Change Text Color" button on the Drawaria page.
    Paso 1: Localiza el botón "Change Text Color" en la página de Drawaria.
  • 🟢 Step 2: Click the button to open the color selection dropdown menu.
    Paso 2: Haz clic en el botón para abrir el menú desplegable de selección de color.
  • 🟣 Step 3: Click on a color option (e.g., "Red," "Green," "Blue") to apply it to all game text.
    Paso 3: Haz clic en una opción de color (ej. "Rojo", "Verde", "Azul") para aplicarlo a todo el texto del juego.
  • 🟠 Step 4: If the game language changes, the color names in the dropdown will update accordingly.
    Paso 4: Si el idioma del juego cambia, los nombres de los colores en el menú desplegable se actualizarán correspondientemente.

🛠️ Technical Details / Detalles Técnicos

Feature / Característica Details / Detalles
DOM Manipulation Adds a button and dropdown menu to the existing UI structure of the Drawaria page.
Event Listeners Listens for clicks on the button and color options to trigger changes. Also listens for language selector changes.
Global Style Application Selects a broad range of elements using `document.querySelectorAll('body, ...')` to apply the chosen text color.
Localization Uses a translation object to display color names in the user's selected language.

⚠️ Important Warnings / Advertencias Importantes
  • 🚨 This script applies color changes globally. Some elements might not be affected or may have specific styles that override these changes.
  • 🚨 Ensure Drawaria's UI structure remains consistent; updates to the website may require script adjustments.
  • 🚨 Choose colors that maintain readability. Some color combinations might make text difficult to read.
  • 🚨 The language detection is based on the element with ID `langselector`. If this changes, the translation feature might break.

Español:

  • 🚨 Este script aplica cambios de color globalmente. Algunos elementos podrían no verse afectados o tener estilos específicos que anulen estos cambios.
  • 🚨 Asegúrate de que la estructura de la UI de Drawaria permanezca consistente; las actualizaciones del sitio web podrían requerir ajustes en el script.
  • 🚨 Elige combinaciones de colores que mantengan la legibilidad. Algunas combinaciones de colores podrían dificultar la lectura del texto.
  • 🚨 La detección del idioma se basa en el elemento con ID `langselector`. Si esto cambia, la función de traducción podría fallar.

🔧 Troubleshooting / Solución de Problemas

✅ The "Change Text Color" button appears, and selecting colors successfully changes the text color across the game.
✅ El botón "Change Text Color" aparece, y la selección de colores cambia exitosamente el color del texto en todo el juego.
⚠️ If the button is missing or the color change doesn't work, ensure Tampermonkey is enabled and the script is correctly installed. Check the browser console for errors.
⚠️ Si el botón falta o el cambio de color no funciona, asegúrate de que Tampermonkey esté habilitado y el script esté instalado correctamente. Revisa la consola del navegador en busca de errores.
❌ If the language selection doesn't update the color names, ensure the `langselector` element exists and has the correct `value` property.
❌ Si la selección de idioma no actualiza los nombres de los colores, asegúrate de que el elemento `langselector` exista y tenga la propiedad `value` correcta.

📊 Compatibility / Compatibilidad

✅ Compatible Browsers / Navegadores Compatibles ✅ Required Extensions / Extensiones Requeridas
Chrome, Firefox, Edge, Opera
(Browsers supporting userscripts and basic DOM manipulation) 		Tampermonkey or similar userscript manager
(Required for script execution)

🔄 How to Disable / Cómo Desactivar

Method 1 - Script Manager:

Open your userscript manager (e.g., Tampermonkey), find "Drawaria Change Text Color to the Game!", and disable or delete it.

Método 1 - Gestor de Scripts: Abre tu gestor de userscripts (ej. Tampermonkey), busca "Drawaria Change Text Color to the Game!" y desactívalo o elimínalo.

Method 2 - Comment Out Code:

You can edit the script and comment out the code that adds the button and applies the color changes.

Método 2 - Comentar Código: Puedes editar el script y comentar el código que añade el botón y aplica los cambios de color.

💡 Pro Tips / Consejos Profesionales

  • Add More Colors: Expand the `colorOptions` and `colorCodes` arrays with new colors and their corresponding hex values.
  • Customizable Color Selection: Implement an input field for users to enter custom hex color codes directly.
  • Save Preferred Color: Use `localStorage` to save the user's selected color, so it persists across sessions.
  • Theme Presets: Create predefined color themes (e.g., "Dark Mode," "Vibrant") that change multiple colors at once.
  • Target Specific Elements: Instead of changing all text, refine the `querySelectorAll` selector to target specific elements for more granular control.

Español:

  • Añade Más Colores: Expande los arrays `colorOptions` y `colorCodes` con nuevos colores y sus valores hexadecimales correspondientes.
  • Selección de Color Personalizable: Implementa un campo de entrada para que los usuarios ingresen códigos de color hexadecimales personalizados directamente.
  • Guarda Color Preferido: Usa `localStorage` para guardar el color seleccionado por el usuario, de modo que persista entre sesiones.
  • Preseteados de Tema: Crea temas de color predefinidos (ej. "Modo Oscuro", "Vibrante") que cambien varios colores a la vez.
  • Apuntar a Elementos Específicos: En lugar de cambiar todo el texto, refina el selector `querySelectorAll` para apuntar a elementos específicos para un control más granular.

🎉 Ready to Use! / ¡Listo para Usar!

Personalize your Drawaria visual experience by easily changing the game's text color!

¡Personaliza tu experiencia visual en Drawaria cambiando fácilmente el color del texto del juego!

🎨 🚀 ✨ 💫 🌟

Author: YouTubeDrawaria | Version: 0.1 | License: MIT
Support: Report issues in the comments below | Additional Info: Allows users to globally change text colors within the Drawaria game interface.