El Editor de Temas

El plugin se abre con una paleta predeterminada de dorado sobre cuero. Si eso no se adapta a tu configuración de Studio — demasiado oscuro, acento equivocado, la fuente incorrecta para tus ojos — hay un panel Editor de Temas que retinta cada superficie del plugin. Nueve preajustes incorporados, modo personalizado para edición libre, vista previa en vivo sin necesidad de reiniciar Studio.

Cómo encontrarlo

Abre el HUD del plugin. Haz clic en el botón Theme (icono de engranaje / paleta, según el conjunto de iconos). Aparece un nuevo panel con filas para cada propiedad personalizable y una fila de botones de acción en la parte inferior.

Los cambios se previsualizan mientras escribes. No se requiere ningún paso de aplicar para ver el efecto — el propio panel, los paneles de propiedades, el inventario, el editor de gráficos, todos se retiñen de inmediato. El paso de aplicar es para persistir el cambio entre reinicios de Studio.

Qué puedes cambiar

Seis colores, dos opacidades, una imagen de fondo, familia de fuente, tamaño de fuente:

Accent color — bordes, carets de desplegables, resaltados de desplegables activos
Panel background — los rellenos del panel principal (Properties, Toolbench, etc.)
Blob background — rellenos secundarios (filas dentro de paneles, celdas de la cuadrícula del inventario)
Slider color — pistas de controles deslizantes y rellenos de puntos clave del gráfico
Scrollbar color — tinte del thumb de la barra de desplazamiento
Text accent — texto de etiqueta en tono dorado y valores activos
Panel opacity — 0 (completamente transparente) a 100 (completamente opaco)
Blob opacity — misma escala, ajustable por separado
Background Image — id de asset para una imagen decorativa renderizada detrás de cada panel del plugin. Consulta la sección Imagen de fondo más abajo.
Bg Image Opacity % — 0 (completamente transparente — imagen oculta) a 100 (completamente opaco).
Font — enumeración de fuentes de Roblox (FredokaOne, Gotham, RobotoMono y otras que Studio admite). Las fuentes de cuerpo en superficies como el inventario y las descripciones emergentes sobreviven a los cambios de fuente del tema — cambiar la fuente del panel ya no borra la fuente del texto de cuerpo en esas superficies secundarias.
Font size — 50 a 200% del tamaño base del plugin en el control deslizante. Los valores por debajo del 50% establecidos mediante importación JSON o escribiendo el valor directamente se conservan tal cual; el control deslizante no los sube automáticamente al 50% en la siguiente interacción.

Imagen de fondo

La fila Background Image del Editor de Temas acepta un id de asset de Roblox y renderiza esa imagen como una capa decorativa detrás de cada panel del plugin — Properties, Editor de Temas, HUD, Inventario, todo. Los valores predeterminados son cadena vacía (sin imagen) y completamente transparente, por lo que los temas antiguos se ven sin cambios hasta que decidas activarlo.

Formatos de id de asset aceptados:

rbxassetid://12345
12345 (id numérico puro — el panel lo normaliza a la forma completa rbxassetid:// al aplicarlo)
Cualquier URL de imagen compatible con Roblox (rbxhttp://, http://, rbxasset://)

La cadena vacía desactiva la capa por completo. Las texturas de material no son compatibles — solo assets de imagen.

Superposición con el ajuste de opacidad del panel: la imagen se sitúa detrás de una capa de color sólido que lleva el color de fondo del panel y el valor de Panel opacity. Así que si estableces Panel opacity en 60 y Bg Image Opacity en 50, la imagen se transparenta con la transparencia combinada — los dos controles se multiplican en lugar de anularse. Para que la imagen de fondo domine, baja Panel opacity (deja pasar más de la imagen) y sube Bg Image Opacity (hace que la imagen en sí sea más sólida).

La imagen se estira para llenar cada panel, anclada en la esquina superior izquierda. No hay control por panel — la misma imagen se renderiza detrás de todo.

Preajustes

Un desplegable Preset en la parte superior del editor ofrece nueve paletas seleccionadas más Custom:

Preajuste	Ambiente	Fuente
Default Gold	Acento dorado cálido sobre cuero oscuro	FredokaOne
Midnight Blue	Azules fríos, bajo contraste	FredokaOne
Crimson Dark	Acento rojo cera sobre casi negro	FredokaOne
Forest Green	Bosque apagado con acentos salvia	FredokaOne
Pitch Black	Negro puro, controles deslizantes blancos	Gotham
Monochrome	Escala de grises, contraste medio	RobotoMono
Dracula	Morado/rosa del esquema Dracula	RobotoMono
Nord	Grises fríos de la paleta Nord + verde azulado	Gotham
Sunset	Degradado cálido naranja/rosa	FredokaOne

Elige uno, cada campo de color y fuente se actualiza a los valores de ese preajuste y el panel se retinta. El desplegable cambia a Custom automáticamente en el momento en que modificas cualquier valor individual — así siempre sabrás si estás en un preajuste seleccionado o has comenzado a desviarte de él.

Los botones de acción

En la parte inferior del panel:

Apply — escribe el tema actual en la configuración del plugin (persiste entre reinicios de Studio) y lo guarda como estado “guardado”.
Cancel — revierte todos los campos al estado de la última aplicación o última carga. Útil si has previsualizado un preajuste y quieres deshacerlo.
Reset — restaura el preajuste Default Gold.
Export — escribe el tema actual como un blob JSON en un cuadro de código en la parte inferior del panel. Selecciona todo y cópialo desde allí para compartirlo o guardarlo.
Import — lee el JSON de ese mismo cuadro de código y lo aplica. Primero pega un blob de tema en el cuadro y luego haz clic en Import.

El formato JSON refleja la configuración almacenada internamente — seis cadenas de color hexadecimal, dos opacidades enteras, un nombre de fuente y una escala de fuente entera. El JSON mal formado se captura en silencio — no se imprime ninguna advertencia — y el panel simplemente permanece en su tema anterior.

Cómo funciona la vista previa en vivo

Cuando editas cualquier campo del tema, cada superficie de interfaz que posee el plugin se retinta en el mismo fotograma — paneles principales, inventario, el editor de gráficos, los selectores de color, el toolbench, las filas del panel de propiedades. Los trazos también siguen el color de acento, por lo que cambiar el acento actualiza los paneles delineados y los bordes de los desplegables junto con todo lo demás. No hay ningún paso de actualización manual; el cambio que realizaste se refleja en el momento en que lo escribiste.

Esto funciona únicamente para la interfaz propia del plugin — no hay un gancho público para añadir tus propios paneles al sistema de temas desde fuera del plugin.

Persistencia

Los temas se almacenan en la configuración del plugin a través de plugin:SetSetting("ThemeJSON", json) de Studio. La configuración persiste por instalación de Studio — desinstala y reinstala el plugin y tu tema guardado regresa automáticamente.

Si el JSON guardado se ha corrompido de alguna manera, el cargador captura el error de análisis y recurre al tema predeterminado. El plugin sigue cargando.

Qué sigue

La personalización de temas cubre el aspecto de los paneles del plugin. Las interacciones dentro de esos paneles — edición de gráficos en múltiples ejes, redimensionamiento/colapso de paneles, Clipboard con reconocimiento de selección, búsqueda con expansión automática — son de lo que trata el siguiente capítulo, Calidad de Vida de la Interfaz.