Crear tema

Si el tema de AT no te gusta puedes cambiar el tema actual o simplemente crear uno nuevo y compartirlo para con el resto de nosotros. Si quieres que tu nuevo tema sea parte de los temas originales de AT envialo a arenatracker@gmail.com o muestralo en el subreddit.

En AT, los temas estan en diferentes directorios dentro de AT dir/Themes, cada directorio hace referencia a un tema específico.

El nombre del directorio será usado como el nombre del tema en el combo box selector de la pestaña de configuración.

Archivos del tema

Cada directorio del tema necesita los siguientes archivos:

  • theme.json: Es el archivo principal donde se define el tema.

  • Archivos de tipografías con extensión.ttf:

  • Image files with .png or .jpg extension:

  • theme.json: Es el archivo principal que define el tema.

  • Archivos de tipografia con extension .ttf: Si quieres usar tipografías diferentes que las de por defecto necesitaras incluir estas en el directorio. El nombre del archivo .ttf necesita coincidir con el nombre de las tipografías incluidas en el archivo.

  • Archivos de imagen con extension .png o .jpg: Si quieres usar imágenes diferentes a las de por defecto necesitaras incluirlas en el directorio.

Info

Si quieres crear tu propio tema la mejor forma de empezar es copiar uno existente y cambiar el nombre del directorio, poner ese directorio junto con el resto de los temas en AT dir/Themes.

Si pruebas uno de los temas por defecto de AT y quieres revertir su estado al original, solo borra ese directorio y reinicia AT, el tema se bajara nuevamente.

Estructura del tema

Un tema es definido a través del archivo theme.json. Este archivo tiene varias diferentes claves que pueden modificarse para customizar el aspecto de AT.

Las claves que encontraras dentro pueden ser organizadas por el sufijo del nombre:

  • "-----FONTS-----": ESta linea es usada como comentario para tratar el grupo de claves y hacer mas fácil la navegación por theme.json

  • "defaultFont": Claves al final de Font que contienen el nombre del archivo ttf. Recuerda que el nombre del archivo ttf necesita coincidir con el nombre de la tipografía incluido en ese archivo.

  • "buttonMinimizeFile": Claves que terminan con File contienen el nombre de un archivo .png o .jpeg.

  • "fgColor": Claves que terminen con Color referencia un color. puedes definir un color de 4 formas diferentes:

    • Estableciendo el componente rgb de un color "rgb(37,0,65)"

    • estableciendo el componente rgba del color. De esta forma puedes agregar transparencia (alpha channel) "rgba(37,0,65,50)"

    • Estableciendo el codigo hash de un color. "#4B0082" o "#4B00829F"

    • Escribiendo el nombre del color. Estos son los nombres aceptados:

("aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "beige", "bisque", "black", "blanchedalmond", "blue", "blueviolet", "brown", "burlywood", "cadetblue", "chartreuse", "chocolate", "coral", "cornflowerblue", "cornsilk", "crimson", "cyan", "darkblue", "darkcyan", "darkgoldenrod", "darkgray", "darkgreen", "darkgrey", "darkkhaki", "darkmagenta", "darkolivegreen", "darkorange", "darkorchid", "darkred", "darksalmon", "darkseagreen", "darkslateblue", "darkslategray", "darkslategrey", "darkturquoise", "darkviolet", "deeppink", "deepskyblue", "dimgray", "dimgrey", "dodgerblue", "firebrick", "floralwhite", "forestgreen", "fuchsia", "gainsboro", "ghostwhite", "gold", "goldenrod", "gray", "green", "greenyellow", "grey", "honeydew", "hotpink", "indianred", "indigo", "ivory", "khaki", "lavender", "lavenderblush", "lawngreen", "lemonchiffon", "lightblue", "lightcoral", "lightcyan", "lightgoldenrodyellow", "lightgray", "lightgreen", "lightgrey", "lightpink", "lightsalmon", "lightseagreen", "lightskyblue", "lightslategray", "lightslategrey", "lightsteelblue", "lightyellow", "lime", "limegreen", "linen", "magenta", "maroon", "mediumaquamarine", "mediumblue", "mediumorchid", "mediumpurple", "mediumseagreen", "mediumslateblue", "mediumspringgreen", "mediumturquoise", "mediumvioletred", "midnightblue", "mintcream", "mistyrose", "moccasin", "navajowhite", "navy", "oldlace", "olive", "olivedrab", "orange", "orangered", "orchid", "palegoldenrod", "palegreen", "paleturquoise", "palevioletred", "papayawhip", "peachpuff", "peru", "pink", "plum", "powderblue", "purple", "red", "rosybrown", "royalblue", "saddlebrown", "salmon", "sandybrown", "seagreen", "seashell", "sienna", "silver", "skyblue", "slateblue", "slategray", "slategrey", "snow", "springgreen", "steelblue", "tan", "teal", "thistle", "tomato", "transparent", "turquoise", "violet", "wheat", "white", "whitesmoke", "yellow", "yellowgreen")

  • "bgAppCF": Claves que terminan con CF pueden o contener un color o una imagen de cualquier formato mencionado anteriormente.

  • "cardsFontOffsetY": Otras claves contendrán valores numéricos o booleanos, estos serán explicados con detalle en su sección correspondiente.

Cuando defines tu propio theme.json no necesitas darle un valor a cada clave. Si la clave tiene un valor vacío "", or no se encuentra en el archivo (porque quitaste esa linea), AT usara el valor por defecto a para ella. Para imágenes y fuentes AR tomara la imagen y fuente por defecto, para los colores AT tomara el color principal definido para tu tema, estos son establecidos a través de las claves "theme1Color" y "theme2Color". Incluso borrar todas las claves y dejar solo {} es un tema valido.

Cuando escribas un temas tu tema no es necesario que te lleves las imágenes del tema Classic o Purple simplemente dejando la clave vacía hará que AT tome las imagenes por defecto.

Claves en theme.json

Vamos a ver cada clave:

-----FONTS-----

Estas claves defienen las tipografias usadas con AT. Las claves uqe terminan en Font contienen el nombre de un archivo de tipografia .ttf como se menciono anteriormente, Rrecuerda que el nombre del archivo .ttf necesita coincidir con el nombre de la tipografia incluida en el archivo

  • "defaultFont": Es la usada por defecto por AT cuando una pequeña fuente es requerido. Mayormente usada en el tab de configuración.

  • "bigFont": Es usada cuando una fuente grande es requerida. Mayormente usada en la pestaña de partidas y en listado de mazos guardados en la ventana Mazo del Jugador.

  • "cardsFont": Es la usada en las cartas.

  • "cardsFontOffsetY": En el caso de que la tipografía que se usa para las cartas no está bien centrada en el eje y puedes moverlo estableciendo el número en esta clave. Solo son aceptados números enteros Un número en el rango de entre -10, 10 es generalmente suficiente para centrar la tipografía.

-----MAIN COLORS-----

Estas son las claves mas importantes, definen el alma de tu tema.

  • "bgAppCF": Fondo usado por AT y cualquier mensaje de dialogo. El fondo estara centrado y se repita si AT es mas grande que la imagen.

  • "fgColor": Color de texto usado por defecto en AT.

  • "borderAppCF": usa esta clave si quieres un borde en AT y cualquier mensaje de dialogo.

  • "borderWidth": Si has establecido un borde, aqui se define su ancho. Solo acepta numeros enteros.

  • "theme1Color": Color principal definido para tu tema. Sera usado sera usado en otras claves cuando estas no tengan un valor definido.

  • "theme2Color": Color secundario que define tu tema. Generalmente usado para lineas y bordes, funciona mejor, visualmente hablando, cuando elijes un color mas claro que theme1Color.

  • "bgWidgetsColor": Es un color adicional usado por todos los componentes de AT. Es totalmente opcional. Si decides usarlo, un color semi-transparente funcionara mejor, visualmente hablando.

-----MIN CLOSE RESIZE-----

  • "bgTopButtonsColor": Color de fondo de los botones cerrar y minimizar.

  • "hoverTopButtonsColor": Color de fondo de los botones de cerrar y minimizar cuando el mouse pasa sobre estos iconos.

  • "buttonMinimizeFile": Imagen usada como icono de minimizar.

  • "buttonCloseFile": Imagen usada como icono de cerrar.

  • "buttonResizeFile": Imagen usada como icono de redimensionar.

-----TABS-----

  • "bgTabsColor": Color de fondo de las pestañas.

  • "hoverTabsColor": Color de fondo usado cuando pasas el mouse sobre la pestaña..

  • "selectedTabsColor": Color de fondo de la pestaña seleccionada.

  • "tabArenaFile": Imagen usada como icono de "Creación de un mazo de arena" . Esta pestaña es solo visible durante la creación de un mazo de arena.

  • "tabGamesFile": Imagen usada como icono para la pestaña "Partidas".

  • "tabHandFile": Imagen usada como icono para la pestaña "Mano del enemigo".

  • "tabDeckFile": Imagen usada como icono para la pestaña "Mazo del jugador". Esta pestaña es solo visible cuando no tienes el mazo en una ventana separada.

  • "tabEnemyDeckFile": Image used as "Enemy Deck tab" icon.

  • "tabPlanFile": Imagen usada como icono para la pestaña "Repetición de partida".

  • "tabConfigFile": Imagen usada como icono para la pestaña "Configuración".

  • "tabLogFile": Imagen usada como icono para la pestaña "Log". Esta pestaña esta normalmente oculta, a menos que uses la opción "Split Window".

-----DECK WINDOW-----

  • "buttonNewDeckFile": Imagen del botón "Nuevo Mazo".

  • "buttonLoadDeckFile": Imagen del botón "Cargar Mazo".

  • "buttonSaveDeckFile": Imagen del botón "Guardar Mazo actual".

  • "buttonRemoveDeckFile": Imagen del botón "Borrar Mazo".

  • "buttonRemoveFile": Imagen del botón "Borrar Carta".

  • "buttonMinFile": Imagen del botón "Borrar una carta".

  • "buttonPlusFile": Imagen del botón "Agregar una carta".

  • "unknownFile": Imagen usada cuando hay un numero desconocido de cartas en tu mazo.

  • "starFile": Imagen con estrella usada por las cartas legendarias en tu mazo.

  • "manaLimitFile": Imagen usada en tu mazo para separar las cartas por su coste de mana.

  • "manaLimitBehind": Define si los limites de mana son dibujados detrás o sobre las cartas. Acepta un valor booleano o ninguno: true (por detrás) o false (sobre).

  • "bgCard1File": Imagen usada como fondo de las cartas con una sola copia. Si "Class Color" esta definido en la pestaña de Configuración se usaran los fondos específicos para cada carta de clase, estas están definidos en las siguientes claves:

    • "bgCard1DruidFile"

    • "bgCard1HunterFile"

    • "bgCard1MageFile"

    • "bgCard1PaladinFile"

    • "bgCard1PriestFile"

    • "bgCard1RogueFile"

    • "bgCard1ShamanFile"

    • "bgCard1WarlockFile"

    • "bgCard1WarriorFile"

  • "bgCard2File": Imagen usada como fondo de mazos para cartas con 2+ copias o tipo legendarias.Si "Class Color" esta definido en la pestaña de Configuración se usaran los fondos específicos para cada carta de clase, estas están definidos en las siguientes claves:

    • "bgCard2DruidFile"

    • "bgCard2HunterFile"

    • "bgCard2MageFile"

    • "bgCard2PaladinFile"

    • "bgCard2PriestFile"

    • "bgCard2RogueFile"

    • "bgCard2ShamanFile"

    • "bgCard2WarlockFile"

    • "bgCard2WarriorFile"

-----GAMES TAB-----

  • "gamesOnZ2HColor": Color del texto usado para partidas/arenas ya subidas a zerotoheroes.com.

  • "buttonGamesReplayFile": Imagen del botón Replay onzerotoheroes.com

  • "buttonGamesWebFile": Imagen del botón "Open track-o-bot profile".

  • "bgSelectedItemListColor": Color de fondo cuando se selecciona una partida de la lista.

  • "fgSelectedItemListColor": Color del texto de una partida seleccionada de la lista.

  • "branchClosedFile": Imagen usada para cerrar una rama de opciones. Usada en la pestaña de partidas y en la ventana de cargar un mazo.

  • "branchOpenFile": Imagen usada en una rama de opciones abierta.

  • "coinFile": Imagen de la moneda.

  • "firstFile": Imagen de ir primero en la partida.

  • "loseFile": Imagen de partida perdida.

  • "winFile": Imagen de partida ganada.

Las imágenes usadas para representar los héroes están definidas en las siguientes claves:

  • "heroDruidFile"

  • "heroHunterFile"

  • "heroMageFile"

  • "heroPaladinFile"

  • "heroPriestFile"

  • "heroRogueFile"

  • "heroShamanFile"

  • "heroWarlockFile"

  • "heroWarriorFile"

-----ENEMY HAND TAB-----

  • "handCardFile": Imagen usada como fondo para las cartas desconocidas que tiene el oponente.

  • "handCardBYFile": Imagen usada como fondo para las cartas creadas por otras cartas y cartas con RNG.

  • "handCardBYUnknownFile": Esta imagen nunca es usada en teoria. Es la imagen usada como fondo para cartas creadas por una fuente desconocida.

  • "bgTotalAttackFile": Imagen usada como fondo por el contador de ataque total.

-----REPLAY TAB-----

  • "buttonPlanResizeFile": Imagen del botón "Swap Size".

  • "buttonPlanFirstFile": Imagen del botón "First Turn".

  • "buttonPlanPrevFile": Imagen del botón "Previous Turn".

  • "buttonPlanNextFile": Imagen del botón "Next Turn".

  • "buttonPlanLastFile": Imagen del botón "Last Turn".

  • "buttonPlanRefreshFile": Imagen del botón "Refresh" cuando está en modo repetición de partida.

-----DRAFT OVERLAY-----

  • "lfBestFile": Imagen usada como ornamento externo del mejor puntaje de LightForge.

  • "haBestFile": Imagen usada como ornamento externo del mejor puntaje de HearthArena.

  • "lfOpenFile": Imagen usada como borde para todos los puntajes de LightForge.

  • "haOpenFile": Imagen usada como borde para todos los puntajes de HearthArena.

  • "lfCloseFile": Imagen usada como fondo interno de los puntajes de LightForge en modo aprendizaje.

  • "haCloseFile": Imagen usada como fondo interno de los puntajes de HearthArena en modo aprendizaje.

-----MENU LISTS-----

Estas claves definen los colores usados en las listas drop-down de "Force Draft", "Change Theme" y "New Deck".

  • "buttonForceDraftFile": Image used for "Force Draft" button.

  • "bgMenuColor": Background color used on all item menus.

  • "fgMenuColor": Text color used on all item menus.

  • "bgSelectedItemMenuColor": Background color used on the selected item.

  • "fgSelectedItemMenuColor": Text color used on the selected item.

-----TOOLTIPS-----

  • "bgTooltipColor": Color de fondo de los tooltips.

  • "fgTooltipColor": Color del texto de los tooltips.

  • "borderTooltipColor": Color de los bordes de los tooltips.

-----PROGRESS BAR-----

  • "bgProgressBarColor": Color de fondo de la barra de progreso.

  • "fgProgressBarColor": Color del texto de la barra de progreso y de mensajes.

  • "borderProgressBarColor": Color del borde de la barra de progreso y de mensajes.

  • "chunkProgressBarColor": Color de la parte progresada de la barra de progreso y mensajes.

-----LOAD DECKS-----

  • "bgDecksCF": Fondo de la ventana de cargar mazos..

  • "borderDecksCF": Inicializar esta clave si quieres un borde en la ventana de carga de mazos.

  • "borderDecksWidth": Si haz seleccionado que tenga un borde, aqui defines el ancho. Solo acepta numeros enteros.

-----DECK NAME LINE EDIT-----

  • "bgLineEditColor": Color de fondo del nombre del mazo.

  • "fgLineEditColor": Color del texto del nombre del mazo.

  • "borderLineEditColor": Color del borde del nombre del mazo.

  • "bgSelectionLineEditColor": Color de fondo del nombre del mazo cuando hay una selección.

  • "fgSelectionLineEditColor": Color del texto de un nombre de mazo cuando hay una selección.

PreviousInstalaciónNextMazo del enemigo

Last updated