☰

Drawaria Profiles Color Change YouTubeDrawaria

Cambia los colores de los jugdares en drawaria!.

作者
YouTubeDrawaria
日安装量
0
总安装量
202
评分
0 0 0
版本
1.2
创建于
2023-06-05
更新于
2023-06-05
大小
1.4 KB
许可证
MIT
适用于

🚀 Drawaria Profiles Color Change YouTubeDrawaria

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

English: This script customizes the color scheme of player names within the Drawaria game interface, specifically targeting profile and player list elements. It allows for distinct color coding of different player types: logged-in users, regular players, and the current user ('self'). This visual distinction can help users quickly identify different players in the list, enhancing usability and personalization of the game's interface.

Español: Este script personaliza el esquema de colores de los nombres de los jugadores dentro de la interfaz del juego Drawaria, apuntando específicamente a los elementos del perfil y la lista de jugadores. Permite una codificación de colores distinta para diferentes tipos de jugadores: usuarios conectados, jugadores regulares y el usuario actual ('self'). Esta distinción visual puede ayudar a los usuarios a identificar rápidamente a los diferentes jugadores en la lista, mejorando la usabilidad y personalización de la interfaz del juego.

✨ Features / Características

Player Name Color Customization
  • 🔧 Distinct Player Colors - Assigns unique colors to logged-in users, regular players, and the current user.
  • ⚡ Profile Name Highlighting - Makes player names in profile views more visually distinct.
  • 🎨 Customizable Color Palette - The script includes comments with a list of Bootstrap-like color variables for easy customization.
  • 🚀 UI Integration - Modifies existing CSS classes to apply the new color scheme.
  • 💡 Simple CSS Injection - Uses `GM_addStyle` (or a fallback) to inject the custom CSS rules.
  • 🔒 Compatibility - Designed to work on Drawaria's website, targeting specific elements.

Español:

  • 🔧 Colores Distintos para Jugadores - Asigna colores únicos a usuarios conectados, jugadores regulares y el usuario actual.
  • ⚡ Resaltado de Nombres de Perfil - Hace que los nombres de los jugadores en las vistas de perfil sean visualmente más distintos.
  • 🎨 Paleta de Colores Personalizable - El script incluye comentarios con una lista de variables de color similares a Bootstrap para una fácil personalización.
  • 🚀 Integración de UI - Modifica las clases CSS existentes para aplicar el nuevo esquema de colores.
  • 💡 Inyección Simple de CSS - Utiliza `GM_addStyle` (o una alternativa) para inyectar las reglas CSS personalizadas.
  • 🔒 Compatibilidad - Diseñado para funcionar en el sitio web de Drawaria, apuntando a elementos específicos.

📥 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 should see the player names in the player list and profile pages updated with the new colors.
  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. Deberías ver los nombres de los jugadores en la lista de jugadores y en las páginas de perfil actualizados con los nuevos colores.

🎮 How to Use / Cómo Usar

  • 🔵 Step 1: Visit any page on Drawaria.online, preferably where player lists or profiles are visible.
    Paso 1: Visita cualquier página en Drawaria.online, preferiblemente donde las listas de jugadores o los perfiles sean visibles.
  • 🟢 Step 2: Observe the player names in the player list or on profile pages.
    Paso 2: Observa los nombres de los jugadores en la lista de jugadores o en las páginas de perfil.
  • 🟣 Step 3: Notice how logged-in users, regular players, and yourself (self) are displayed in different colors.
    Paso 3: Nota cómo los usuarios conectados, los jugadores regulares y tú mismo ('self') se muestran en diferentes colores.
  • 🟠 Step 4: To change colors, edit the CSS variables within the script's code.
    Paso 4: Para cambiar los colores, edita las variables CSS dentro del código del script.

🛠️ Technical Details / Detalles Técnicos

Feature / Característica Details / Detalles
CSS Injection Uses `GM_addStyle` to dynamically add CSS rules to the page's head.
CSS Selectors Targets specific classes like `.playerlist-name-loggedin a`, `.playerlist-name a`, and `.playerlist-name-self a`.
Color Variables Includes commented-out color codes for easy modification and theme experimentation.
Run-at Document-Start Ensures CSS is applied as early as possible, potentially before elements fully render.

⚠️ Important Warnings / Advertencias Importantes
  • 🚨 This script modifies the visual appearance only. It does not alter gameplay or user data.
  • 🚨 If Drawaria updates its website and changes the CSS class names or structure, this script may need to be updated to function correctly.
  • 🚨 The colors used are examples; feel free to change them by editing the script's CSS variables.
  • 🚨 The `run-at document-start` directive helps ensure styles are applied early, but in some cases, dynamic content loading might still cause a momentary flicker of default styles.

Español:

  • 🚨 Este script solo modifica la apariencia visual. No altera el juego ni los datos del usuario.
  • 🚨 Si Drawaria actualiza su sitio web y cambia los nombres de las clases CSS o la estructura, este script podría necesitar ser actualizado para funcionar correctamente.
  • 🚨 Los colores utilizados son ejemplos; siéntete libre de cambiarlos editando las variables CSS del script.
  • 🚨 La directiva `run-at document-start` ayuda a asegurar que los estilos se apliquen temprano, pero en algunos casos, la carga dinámica de contenido aún podría causar un destello momentáneo de estilos predeterminados.

🔧 Troubleshooting / Solución de Problemas

✅ Player names in the list and profiles are displayed with the assigned custom colors.
✅ Los nombres de los jugadores en la lista y perfiles se muestran con los colores personalizados asignados.
⚠️ If colors do not change, ensure Tampermonkey is enabled and the script is correctly installed. Check the browser console for errors.
⚠️ Si los colores no cambian, asegúrate de que Tampermonkey esté habilitado y el script esté correctamente instalado. Revisa la consola del navegador en busca de errores.
❌ If Drawaria updates its site and the script stops working, the CSS selectors might need updating.
❌ Si Drawaria actualiza su sitio y el script deja de funcionar, es posible que los selectores CSS necesiten ser actualizados.

📊 Compatibility / Compatibilidad

✅ Compatible Browsers / Navegadores Compatibles ✅ Required Extensions / Extensiones Requeridas
Chrome, Firefox, Edge, Opera
(Browsers supporting userscripts and CSS injection) 		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 Profiles Color Change YouTubeDrawaria", and disable or delete it.

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

Method 2 - Edit CSS:

You can edit the script and comment out or remove the CSS rules within the `css` variable to disable the color changes.

Método 2 - Editar CSS: Puedes editar el script y comentar o eliminar las reglas CSS dentro de la variable `css` para deshabilitar los cambios de color.

💡 Pro Tips / Consejos Profesionales

  • Customize Colors: Easily change the hex color codes in the CSS to match your preferred color scheme. Refer to the commented color list for popular options.
  • Target More Elements: Inspect other elements on the Drawaria profile or player list pages and add new CSS rules to the script to color them.
  • Create Themes: Develop different color themes by modifying the CSS and potentially adding a feature to toggle between them.
  • Improve Readability: Choose color combinations that enhance readability and differentiate players effectively.
  • Dynamic Color Change: For advanced users, explore JavaScript to change colors based on player status or other dynamic conditions.

Español:

  • Personaliza Colores: Cambia fácilmente los códigos de color hexadecimal en el CSS para que coincidan con tu esquema de color preferido. Consulta la lista de colores comentada para opciones populares.
  • Apuntar a Más Elementos: Inspecciona otros elementos en las páginas de perfil o listas de jugadores de Drawaria y agrega nuevas reglas CSS al script para colorearlos.
  • Crea Temas: Desarrolla diferentes temas de color modificando el CSS y potencialmente agregando una función para alternar entre ellos.
  • Mejora la Legibilidad: Elige combinaciones de colores que mejoren la legibilidad y diferencien a los jugadores de manera efectiva.
  • Cambio Dinámico de Color: Para usuarios avanzados, explora JavaScript para cambiar colores basados en el estado del jugador u otras condiciones dinámicas.

🎉 Ready to Use! / ¡Listo para Usar!

Personalize your Drawaria experience with custom player name colors!

¡Personaliza tu experiencia en Drawaria con colores personalizados para los nombres de los jugadores!

🎨 🚀 ✨ 💫 🌟

Author: YouTubeDrawaria | Version: 1.2 | License: MIT
Support: Report issues in the comments below | Additional Info: Changes player name colors in Drawaria's UI for better differentiation.