{"id":77080,"date":"2025-12-19T10:51:04","date_gmt":"2025-12-19T15:51:04","guid":{"rendered":"https:\/\/memberpress.com\/?post_type=ht_kb&#038;p=77080"},"modified":"2026-02-11T04:33:11","modified_gmt":"2026-02-11T09:33:11","slug":"configuring-app-colors-in-memberpress-app","status":"publish","type":"ht_kb","link":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/","title":{"rendered":"Configuraci\u00f3n de los colores de la aplicaci\u00f3n en MemberPress AppKit"},"content":{"rendered":"<p>Unos colores de marca coherentes mejoran el dise\u00f1o de la aplicaci\u00f3n, refuerzan la identidad y mejoran la usabilidad. La configuraci\u00f3n de colores de MemberPress AppKit permite personalizar fondos, botones, elementos de navegaci\u00f3n y contenidos destacados. <\/p>\r\n\r\n\r\n\r\n<p>En este documento se explica c\u00f3mo configurar esquemas de color para todas las secciones de la aplicaci\u00f3n y previsualizar los cambios en las plataformas iOS y Android.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\r\n<span class=\"JQmO7LhT4sMvLrb18yNtwR1lSHUr5jGASg2tykxN9qkKYhA4z6iO5ZWgqIolp2ZcxUiYaRaIX\"><div class=\"responsive-video\"><iframe title=\"Aplicaci\u00f3n MemberPress: Personalizaci\u00f3n de los colores de su aplicaci\u00f3n\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/be8967RzXgI?feature=oembed&enablejsapi=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/span>\r\n<\/div><\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"color-configuration\"><a href=\"#color-configuration\">Comprender la configuraci\u00f3n del color<\/a><\/h2>\r\n\r\n\r\n\r\n<p>La configuraci\u00f3n de colores controla el aspecto visual de toda la aplicaci\u00f3n, incluidos los fondos, el texto, los botones, las barras de navegaci\u00f3n y los elementos interactivos. Cada configuraci\u00f3n de color afecta a componentes espec\u00edficos de la interfaz. Las vistas previas en tiempo real muestran los cambios de color en las maquetas de iOS y Android. Una configuraci\u00f3n de colores adecuada garantiza la coherencia de la marca y mantiene la legibilidad en diferentes contextos de pantalla.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"color-settings\"><a href=\"#color-settings\">Acceso a la configuraci\u00f3n de color<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Toda la configuraci\u00f3n de colores se realiza dentro de la interfaz de colores de la marca.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Vaya a <strong>Panel &gt; MP AppKit<\/strong> <strong>> Branding > Colors<\/strong>.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-1024x576.jpg\" alt=\"\" class=\"wp-image-77635\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"general-colors\"><a href=\"#general-colors\">Configuraci\u00f3n de colores generales<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Los colores generales definen los elementos principales de la interfaz en toda la aplicaci\u00f3n.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Vaya a <strong>Panel &gt; MP AppKit<\/strong> <strong>> Branding > Colors<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localice el <strong>General<\/strong> secci\u00f3n.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color de fondo<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color con el selector de colores o introduzca un c\u00f3digo hexadecimal.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color de fondo alternativo<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color contrastante para las secciones de contenido alternativo.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Fondo de imagen en color<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecciona un color para los fondos de los marcadores de posici\u00f3n de las im\u00e1genes.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color del borde<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color sutil para los bordes y separadores de los elementos.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color de acento<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color llamativo para resaltar y enfatizar.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p>Los cambios se muestran inmediatamente en las maquetas de la p\u00e1gina de la aplicaci\u00f3n, la p\u00e1gina del directorio y la p\u00e1gina del men\u00fa.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"color-purposes\"><a href=\"#color-purposes\"><strong>Comprensi\u00f3n de los prop\u00f3sitos generales del color<\/strong><\/a><\/h3>\r\n\r\n\r\n\r\n<p>Cada color general cumple funciones espec\u00edficas en la interfaz.<\/p>\r\n\r\n\r\n\r\n<p><strong>Color de fondo<\/strong> rellena las \u00e1reas y p\u00e1ginas de contenido principal. Este color debe proporcionar un contraste \u00f3ptimo con los colores del texto para facilitar la lectura.<\/p>\r\n\r\n\r\n\r\n<p><strong>Color de fondo alternativo<\/strong> diferencia secciones o tarjetas dentro de las p\u00e1ginas. Este color debe contrastar sutilmente con el fondo principal, manteniendo al mismo tiempo una apariencia cohesionada.<\/p>\r\n\r\n\r\n\r\n<p><strong>Fondo de imagen en color<\/strong> Se muestra detr\u00e1s de las im\u00e1genes durante la carga o cuando las im\u00e1genes no est\u00e1n disponibles. Este color debe complementar el contenido t\u00edpico de la imagen sin crear transiciones discordantes.<\/p>\r\n\r\n\r\n\r\n<p><strong>Color del borde<\/strong> define los l\u00edmites y divisores de los elementos. Este color debe ser lo suficientemente sutil como para no dominar, pero lo suficientemente visible como para proporcionar estructura.<\/p>\r\n\r\n\r\n\r\n<p><strong>Color de acento<\/strong> destaca los elementos interactivos y la informaci\u00f3n importante. Este color debe destacar de forma prominente, al tiempo que complementa la combinaci\u00f3n de colores general.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"navigation-bar-colors\"><a href=\"#navigation-bar-colors\">Personalizaci\u00f3n de los colores de la barra de navegaci\u00f3n<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Los colores de la barra de navegaci\u00f3n afectan a los encabezados de las aplicaciones y a los elementos de navegaci\u00f3n superiores.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Vaya a <strong>Dashboard > MP AppKit > Branding > Colors<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localice el <strong>Barra de navegaci\u00f3n<\/strong> secci\u00f3n.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color de fondo<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecciona un color para el fondo de la barra de navegaci\u00f3n.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color del texto<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color que garantice la legibilidad sobre el fondo.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color del enlace<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color para los enlaces de navegaci\u00f3n y el texto interactivo.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-1024x576.jpg\" alt=\"\" class=\"wp-image-77636\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-2.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>La vista previa de la barra de navegaci\u00f3n se actualiza inmediatamente en la maqueta del encabezado.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"navigation-readability\"><a href=\"#navigation-readability\">Garantizar la legibilidad de la navegaci\u00f3n<\/a><\/h3>\r\n\r\n\r\n\r\n<p>Los colores de navegaci\u00f3n deben mantener un contraste suficiente para garantizar la accesibilidad.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"tab-bar-colors\"><a href=\"#tab-bar-colors\">Dise\u00f1o de la barra de pesta\u00f1as y la pantalla \u00abM\u00e1s\u00bb<\/a><\/h2>\r\n\r\n\r\n\r\n<p>La barra de pesta\u00f1as y los colores de la pantalla \u00abM\u00e1s\u00bb controlan la apariencia del men\u00fa de navegaci\u00f3n inferior y del men\u00fa desplegable.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Vaya a <strong>Panel &gt; MP AppKit<\/strong> <strong>> Branding > Colors<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localice el <strong>Barra de pesta\u00f1as y m\u00e1s<\/strong> secci\u00f3n.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color de fondo de la barra de pesta\u00f1as<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecciona un color para el fondo de la barra de pesta\u00f1as.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color predeterminado del icono<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecciona un color para los iconos de navegaci\u00f3n inactivos.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Icono Color activo<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color destacado para los iconos de navegaci\u00f3n activos.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-1024x576.jpg\" alt=\"\" class=\"wp-image-77637\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-3.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Actualizaci\u00f3n de las maquetas de vista previa para mostrar el aspecto de la barra de pesta\u00f1as con los colores seleccionados.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"active-inactive-icons\"><a href=\"#active-inactive-icons\">Diferenciar iconos activos e inactivos<\/a><\/h3>\r\n\r\n\r\n\r\n<p>Los colores de los iconos deben indicar claramente el estado de navegaci\u00f3n.<\/p>\r\n\r\n\r\n\r\n<p>El color del icono activo debe contrastar fuertemente con el color predeterminado para indicar la ubicaci\u00f3n actual. Los miembros deben reconocer inmediatamente qu\u00e9 secci\u00f3n est\u00e1n viendo. Una diferenciaci\u00f3n insuficiente provoca confusi\u00f3n en la navegaci\u00f3n y una mala experiencia de usuario.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"button-styles\"><a href=\"#button-styles\">Personalizaci\u00f3n de estilos de botones<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Los colores de los botones definen el aspecto de los elementos interactivos en toda la aplicaci\u00f3n.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Vaya a <strong>Panel &gt; MP AppKit<\/strong> <strong>> Branding > Colors<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localice el <strong>Botones<\/strong> secci\u00f3n.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color de fondo del bot\u00f3n principal<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecciona un color destacado para los botones de acci\u00f3n principales.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color del texto del bot\u00f3n principal<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color que contraste con el texto del bot\u00f3n.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color de fondo del bot\u00f3n secundario<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecciona un color sutil para los botones de acci\u00f3n secundarios.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color del texto del bot\u00f3n secundario<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color de texto adecuado para los botones secundarios.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-1024x576.jpg\" alt=\"\" class=\"wp-image-77638\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-4.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Las actualizaciones de la vista previa de los botones muestran c\u00f3mo aparecen los botones en diversos contextos.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"button-hierarchies\"><a href=\"#button-hierarchies\">Distinguir jerarqu\u00edas de botones<\/a><\/h3>\r\n\r\n\r\n\r\n<p>Los botones primarios y secundarios deben indicar claramente la importancia de la acci\u00f3n.<\/p>\r\n\r\n\r\n\r\n<p>Los botones principales representan acciones principales como \u201cComprar\u201d, \u201cEnviar\u201d o \u201cContinuar\u201d. Estos botones deben utilizar colores llamativos y en negrita. Los botones secundarios representan acciones alternativas como \u201cCancelar\u201d o \u201cVolver\u201d. Estos botones deben utilizar colores m\u00e1s tenues que complementen a los botones principales, pero sin competir con ellos.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"text-colors\"><a href=\"#text-colors\">Ajustar los colores del texto<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Los colores del texto controlan la legibilidad y la jerarqu\u00eda del contenido en toda la aplicaci\u00f3n.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Vaya a <strong>Panel &gt; MP AppKit<\/strong> <strong>> Branding > Colors<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localice el <strong>Colores del texto<\/strong> secci\u00f3n.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color del texto del encabezado<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color destacado para los encabezados y t\u00edtulos de las secciones.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color del texto del cuerpo<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color que sea f\u00e1cil de leer para el texto del contenido principal.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color del texto descriptivo<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color ligeramente apagado para las descripciones complementarias.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color del texto meta<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecciona un color sutil para las marcas de tiempo y los metadatos.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-1024x576.jpg\" alt=\"\" class=\"wp-image-77640\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-5.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>La vista previa del texto muestra c\u00f3mo se ven los diferentes niveles de texto con los colores seleccionados.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"text-hierarchy\"><a href=\"#text-hierarchy\">Establecimiento de la jerarqu\u00eda del texto<\/a><\/h3>\r\n\r\n\r\n\r\n<p>Los colores del texto deben crear una jerarqu\u00eda visual clara para facilitar la lectura del contenido.<\/p>\r\n\r\n\r\n\r\n<p>El texto del encabezado debe ser el m\u00e1s destacado para indicar el inicio de la secci\u00f3n. El texto del cuerpo debe ofrecer una legibilidad \u00f3ptima para una lectura prolongada. El texto descriptivo debe ser distinguible, pero menos destacado que el texto del cuerpo. El metatexto debe ser lo suficientemente sutil como para no distraer la atenci\u00f3n del contenido principal.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"styling-labels\"><a href=\"#styling-labels\">Etiquetas de estilo<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Los colores de las etiquetas afectan a las etiquetas, insignias e indicadores de estado en toda la aplicaci\u00f3n.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Vaya a <strong>Panel &gt; MP AppKit<\/strong> <strong>> Branding > Colors<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localice el <strong>Etiquetas<\/strong> secci\u00f3n.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color de fondo de la etiqueta<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color para el fondo de las etiquetas.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color del texto de la etiqueta<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color que contraste con el texto de la etiqueta.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-1024x576.jpg\" alt=\"\" class=\"wp-image-77641\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-6.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>La vista previa de la etiqueta muestra el aspecto tanto en la vista de lista como en la vista detallada.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"label-visibility\"><a href=\"#label-visibility\">Garantizar la visibilidad de las etiquetas<\/a><\/h3>\r\n\r\n\r\n\r\n<p>Las etiquetas deben permanecer visibles en diferentes fondos de p\u00e1gina.<\/p>\r\n\r\n\r\n\r\n<p>El color de fondo de la etiqueta debe contrastar con el fondo de la p\u00e1gina donde aparece. El texto de la etiqueta debe mantener un fuerte contraste con el fondo para facilitar la lectura. Las etiquetas suelen aparecer en fondos variados, por lo que la selecci\u00f3n del color debe tener en cuenta m\u00faltiples contextos.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"login-screen-colors\"><a href=\"#login-screen-colors\">Personalizaci\u00f3n de los colores de la pantalla de inicio de sesi\u00f3n<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Los colores de la pantalla de inicio de sesi\u00f3n definen el aspecto de la p\u00e1gina de autenticaci\u00f3n.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Vaya a <strong>Panel &gt; MP AppKit<\/strong> <strong>> Branding > Colors<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localice el <strong>Pantallas de inicio de sesi\u00f3n<\/strong> secci\u00f3n.<br><\/li>\r\n\r\n\r\n\r\n<li>Configure las siguientes muestras de color:<br>\r\n<ul class=\"wp-block-list\">\r\n<li><strong>Color de fondo<\/strong> para el fondo de la p\u00e1gina de inicio de sesi\u00f3n;<\/li>\r\n\r\n\r\n\r\n<li><strong>Fondo del campo de entrada<\/strong> para los fondos de los campos de formulario;<\/li>\r\n\r\n\r\n\r\n<li><strong>Borde del campo de entrada<\/strong> para los contornos de campo;<\/li>\r\n\r\n\r\n\r\n<li><strong>Texto del campo de entrada<\/strong> para el color del texto introducido;<\/li>\r\n\r\n\r\n\r\n<li><strong>Fondo del bot\u00f3n<\/strong> para fondos de botones de acci\u00f3n;<\/li>\r\n\r\n\r\n\r\n<li><strong>Texto del bot\u00f3n<\/strong> para el color del texto del bot\u00f3n.<br><\/li>\r\n<\/ul>\r\n<\/li>\r\n\r\n\r\n\r\n<li>Revise las vistas previas de las pantallas de inicio de sesi\u00f3n y de contrase\u00f1a olvidada.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-1024x576.jpg\" alt=\"\" class=\"wp-image-77643\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-8.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>La vista previa de la pantalla de inicio de sesi\u00f3n muestra las p\u00e1ginas de autenticaci\u00f3n con los colores seleccionados.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"registration-colors\"><a href=\"#registration-colors\">Estilo de los colores de la pantalla de registro<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Los colores de la pantalla de registro definen el aspecto de la p\u00e1gina de creaci\u00f3n de cuentas.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Vaya a <strong>Dashboard > MP AppKit > Branding > Colors<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localice el <strong>Pantallas de registro<\/strong> secci\u00f3n.<br><\/li>\r\n\r\n\r\n\r\n<li>Configure las siguientes muestras de color:\r\n<ul class=\"wp-block-list\">\r\n<li><strong>Color de fondo<\/strong> para el fondo de la p\u00e1gina de registro;<\/li>\r\n\r\n\r\n\r\n<li><strong>Fondo del campo de entrada<\/strong> para los fondos de los campos de formulario;<\/li>\r\n\r\n\r\n\r\n<li><strong>Borde del campo de entrada<\/strong> para los contornos de campo;<\/li>\r\n\r\n\r\n\r\n<li><strong>Texto del campo de entrada<\/strong> para el color del texto introducido;<\/li>\r\n\r\n\r\n\r\n<li><strong>Fondo del bot\u00f3n<\/strong> para fondos de botones de acci\u00f3n;<\/li>\r\n\r\n\r\n\r\n<li><strong>Texto del bot\u00f3n<\/strong> para el color del texto del bot\u00f3n.<br><\/li>\r\n<\/ul>\r\n<\/li>\r\n\r\n\r\n\r\n<li>Revisa la vista previa de la pantalla de registro.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-1024x576.jpg\" alt=\"\" class=\"wp-image-77644\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-9.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>El uso de colores coherentes entre las pantallas de inicio de sesi\u00f3n y registro crea experiencias de autenticaci\u00f3n cohesionadas.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"android-status-bar\"><a href=\"#android-status-bar\">Configuraci\u00f3n del color de la barra de estado de Android<\/a><\/h2>\r\n\r\n\r\n\r\n<p>El color de la barra de estado de Android afecta a la apariencia de la barra de estado del dispositivo en la parte superior de la pantalla.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Vaya a <strong>Panel &gt; MP AppKit<\/strong> <strong>> Branding > Colors<\/strong>.<\/li>\r\n\r\n\r\n\r\n<li>Localice el <strong>Barra de estado de Android<\/strong> secci\u00f3n.<\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color de fondo del estado<\/strong> muestra.<\/li>\r\n\r\n\r\n\r\n<li>Selecciona un color que combine o complemente la barra de navegaci\u00f3n.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-1024x576.jpg\" alt=\"\" class=\"wp-image-77645\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-10.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>La vista previa del color de la barra de estado solo se actualiza en la maqueta del dispositivo Android. Esta configuraci\u00f3n no afecta a los dispositivos iOS.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"in-app-purchase-colors\"><a href=\"#in-app-purchase-colors\">Personalizaci\u00f3n de los colores de las compras dentro de la aplicaci\u00f3n<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Los colores de las compras dentro de la aplicaci\u00f3n resaltan los productos y beneficios de la membres\u00eda.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Vaya a <strong>Panel &gt; MP AppKit<\/strong> <strong>> Branding > Colors<\/strong>.<br><\/li>\r\n\r\n\r\n\r\n<li>Localice el <strong>Compras dentro de la aplicaci\u00f3n<\/strong> secci\u00f3n.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Color de la marca de verificaci\u00f3n del estado de compra<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Selecciona un color para las marcas de verificaci\u00f3n que indican las suscripciones compradas.<br><\/li>\r\n\r\n\r\n\r\n<li>Haga clic en el bot\u00f3n <strong>Beneficios Marca de verificaci\u00f3n Color<\/strong> muestra.<br><\/li>\r\n\r\n\r\n\r\n<li>Seleccione un color para las marcas de verificaci\u00f3n que enumeran los beneficios de la membres\u00eda.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-1024x576.jpg\" alt=\"\" class=\"wp-image-77646\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-11.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p>La vista previa de la pantalla de compra muestra los listados de productos con los colores de las marcas de verificaci\u00f3n configurados.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"purchase-status\"><a href=\"#purchase-status\">Destacar el estado de la compra<\/a><\/h3>\r\n\r\n\r\n\r\n<p>Los colores de las marcas de verificaci\u00f3n deben indicar claramente la finalizaci\u00f3n de la compra y la inclusi\u00f3n de beneficios.<\/p>\r\n\r\n\r\n\r\n<p>Las marcas de verificaci\u00f3n del estado de compra deben utilizar colores positivos y afirmativos, como el verde, para indicar que las transacciones se han realizado correctamente. Las marcas de verificaci\u00f3n de las ventajas deben complementar el color del estado de compra, pero sin dejar de ser distintivas. Un contraste suficiente con los colores de fondo garantiza la visibilidad en diferentes contextos de pantalla.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"saving-configuration\"><a href=\"#saving-configuration\">Guardar configuraci\u00f3n de color<\/a><\/h2>\r\n\r\n\r\n\r\n<p>Todas las selecciones de color deben guardarse antes de que surtan efecto.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Revisa todos los colores configurados en las maquetas de vista previa.<\/li>\r\n\r\n\r\n\r\n<li>Despl\u00e1cese hasta la parte inferior de la <strong>Dashboard > MP AppKit > Branding > Colors<\/strong> p\u00e1gina.<\/li>\r\n\r\n\r\n\r\n<li>Haga clic en <strong>Guardar cambios<\/strong>.<\/li>\r\n\r\n\r\n\r\n<li>Espere el mensaje de confirmaci\u00f3n que indica que el guardado se ha realizado correctamente.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-1024x576.jpg\" alt=\"\" class=\"wp-image-77647\" srcset=\"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-1024x576.jpg 1024w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-300x169.jpg 300w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-768x432.jpg 768w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-50x28.jpg 50w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-302x170.jpg 302w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-840x473.jpg 840w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-1216x684.jpg 1216w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-700x394.jpg 700w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-156x88.jpg 156w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1-1080x608.jpg 1080w, https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-12-1.jpg 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n\r\n\r\n\r\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-danger\"><strong>Nota:<\/strong> Si sales de la p\u00e1gina sin guardar, se perder\u00e1n todos los cambios de color que no hayas guardado.<\/p>","protected":false},"excerpt":{"rendered":"<p>Configura colores coherentes para los fondos, botones y texto de tu aplicaci\u00f3n MemberPress. Mejora la identidad de marca y la usabilidad de la aplicaci\u00f3n en iOS y Android.<\/p>","protected":false},"author":86440,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","footnotes":""},"ht-kb-category":[1538],"ht-kb-tag":[],"class_list":{"0":"post-77080","1":"ht_kb","2":"type-ht_kb","3":"status-publish","4":"format-standard","6":"ht_kb_category-app-content","7":"entry","8":"has-post-thumbnail"},"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.5.2 - aioseo.com -->\n\t<meta name=\"description\" content=\"Configure consistent app colors for your MemberPress App&#039;s backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Kashif\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.5.2\" \/>\n\t\t<meta property=\"og:locale\" content=\"es_ES\" \/>\n\t\t<meta property=\"og:site_name\" content=\"MemberPress\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Configuring App Colors in MemberPress AppKit\" \/>\n\t\t<meta property=\"og:description\" content=\"Configure consistent app colors for your MemberPress App&#039;s backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1650\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1275\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-12-19T15:51:04+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-02-11T09:33:11+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/memberpress\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@memberpress\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Configuring App Colors in MemberPress AppKit\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Configure consistent app colors for your MemberPress App&#039;s backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#article\",\"name\":\"Configuring App Colors in MemberPress AppKit\",\"headline\":\"Configuring App Colors in MemberPress AppKit\",\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Configuring-App-Colors-in-MemberPress-App-1.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#articleImage\",\"width\":1366,\"height\":769},\"datePublished\":\"2025-12-19T10:51:04-05:00\",\"dateModified\":\"2026-02-11T04:33:11-05:00\",\"inLanguage\":\"es-ES\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#webpage\"},\"articleSection\":\"AppKit Content\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/memberpress.com\\\/es\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/doc-categories\\\/app\\\/#listItem\",\"name\":\"MemberPress AppKit\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/doc-categories\\\/app\\\/#listItem\",\"position\":2,\"name\":\"MemberPress AppKit\",\"item\":\"https:\\\/\\\/memberpress.com\\\/es\\\/doc-categories\\\/app\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/doc-categories\\\/app-content\\\/#listItem\",\"name\":\"AppKit Content\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/doc-categories\\\/app-content\\\/#listItem\",\"position\":3,\"name\":\"AppKit Content\",\"item\":\"https:\\\/\\\/memberpress.com\\\/es\\\/doc-categories\\\/app-content\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#listItem\",\"name\":\"Configuring App Colors in MemberPress AppKit\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/doc-categories\\\/app\\\/#listItem\",\"name\":\"MemberPress AppKit\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#listItem\",\"position\":4,\"name\":\"Configuring App Colors in MemberPress AppKit\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/doc-categories\\\/app-content\\\/#listItem\",\"name\":\"AppKit Content\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/#organization\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"url\":\"https:\\\/\\\/memberpress.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/mp-icon-RGB_Icon-01.jpg\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#organizationLogo\",\"width\":1650,\"height\":1275,\"caption\":\"memberpress logo icon\"},\"image\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/memberpress\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/memberpressplugin\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/MemberPressPlugin\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/memberpress\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\",\"url\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/author\\\/kashifcaseproof-com\\\/\",\"name\":\"Kashif\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/memberpress.com\\\/wp-content\\\/litespeed\\\/avatar\\\/2fa3d3f90ddc6213dce27b98165e7ec9.jpg?ver=1775158903\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#webpage\",\"url\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/\",\"name\":\"Configuring App Colors in MemberPress AppKit\",\"description\":\"Configure consistent app colors for your MemberPress App's backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.\",\"inLanguage\":\"es-ES\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/docs\\\/configuring-app-colors-in-memberpress-app\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/blog\\\/author\\\/kashifcaseproof-com\\\/#author\"},\"datePublished\":\"2025-12-19T10:51:04-05:00\",\"dateModified\":\"2026-02-11T04:33:11-05:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/memberpress.com\\\/es\\\/\",\"name\":\"MemberPress\",\"description\":\"The All-In-One WordPress Membership Plugin\",\"inLanguage\":\"es-ES\",\"publisher\":{\"@id\":\"https:\\\/\\\/memberpress.com\\\/es\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Configuring App Colors in MemberPress AppKit<\/title>\n\n","aioseo_head_json":{"title":"Configuraci\u00f3n de los colores de la aplicaci\u00f3n en MemberPress AppKit","description":"Configure colores uniformes para los fondos, botones y texto de su aplicaci\u00f3n MemberPress. Mejore la identidad de la marca y la usabilidad de la aplicaci\u00f3n en iOS y Android.","canonical_url":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/#article","name":"Configuring App Colors in MemberPress AppKit","headline":"Configuring App Colors in MemberPress AppKit","author":{"@id":"https:\/\/memberpress.com\/es\/blog\/author\/kashifcaseproof-com\/#author"},"publisher":{"@id":"https:\/\/memberpress.com\/es\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2025\/12\/Configuring-App-Colors-in-MemberPress-App-1.jpg","@id":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/#articleImage","width":1366,"height":769},"datePublished":"2025-12-19T10:51:04-05:00","dateModified":"2026-02-11T04:33:11-05:00","inLanguage":"es-ES","mainEntityOfPage":{"@id":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/#webpage"},"isPartOf":{"@id":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/#webpage"},"articleSection":"AppKit Content"},{"@type":"BreadcrumbList","@id":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es#listItem","position":1,"name":"Home","item":"https:\/\/memberpress.com\/es","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/doc-categories\/app\/#listItem","name":"MemberPress AppKit"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/doc-categories\/app\/#listItem","position":2,"name":"MemberPress AppKit","item":"https:\/\/memberpress.com\/es\/doc-categories\/app\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/doc-categories\/app-content\/#listItem","name":"AppKit Content"},"previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/doc-categories\/app-content\/#listItem","position":3,"name":"AppKit Content","item":"https:\/\/memberpress.com\/es\/doc-categories\/app-content\/","nextItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/#listItem","name":"Configuring App Colors in MemberPress AppKit"},"previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/doc-categories\/app\/#listItem","name":"MemberPress AppKit"}},{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/#listItem","position":4,"name":"Configuring App Colors in MemberPress AppKit","previousItem":{"@type":"ListItem","@id":"https:\/\/memberpress.com\/es\/doc-categories\/app-content\/#listItem","name":"AppKit Content"}}]},{"@type":"Organization","@id":"https:\/\/memberpress.com\/es\/#organization","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","url":"https:\/\/memberpress.com\/es\/","logo":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","@id":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/#organizationLogo","width":1650,"height":1275,"caption":"memberpress logo icon"},"image":{"@id":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/#organizationLogo"},"sameAs":["https:\/\/www.instagram.com\/memberpress\/","https:\/\/www.pinterest.com\/memberpressplugin\/","https:\/\/www.youtube.com\/c\/MemberPressPlugin","https:\/\/www.linkedin.com\/company\/memberpress\/"]},{"@type":"Person","@id":"https:\/\/memberpress.com\/es\/blog\/author\/kashifcaseproof-com\/#author","url":"https:\/\/memberpress.com\/es\/blog\/author\/kashifcaseproof-com\/","name":"Kashif","image":{"@type":"ImageObject","url":"https:\/\/memberpress.com\/wp-content\/litespeed\/avatar\/2fa3d3f90ddc6213dce27b98165e7ec9.jpg?ver=1775158903"}},{"@type":"WebPage","@id":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/#webpage","url":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/","name":"Configuring App Colors in MemberPress AppKit","description":"Configure consistent app colors for your MemberPress App's backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.","inLanguage":"es-ES","isPartOf":{"@id":"https:\/\/memberpress.com\/es\/#website"},"breadcrumb":{"@id":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/#breadcrumblist"},"author":{"@id":"https:\/\/memberpress.com\/es\/blog\/author\/kashifcaseproof-com\/#author"},"creator":{"@id":"https:\/\/memberpress.com\/es\/blog\/author\/kashifcaseproof-com\/#author"},"datePublished":"2025-12-19T10:51:04-05:00","dateModified":"2026-02-11T04:33:11-05:00"},{"@type":"WebSite","@id":"https:\/\/memberpress.com\/es\/#website","url":"https:\/\/memberpress.com\/es\/","name":"MemberPress","description":"The All-In-One WordPress Membership Plugin","inLanguage":"es-ES","publisher":{"@id":"https:\/\/memberpress.com\/es\/#organization"}}]},"og:locale":"es_ES","og:site_name":"MemberPress","og:type":"article","og:title":"Configuring App Colors in MemberPress AppKit","og:description":"Configure consistent app colors for your MemberPress App's backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.","og:url":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/","og:image":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","og:image:secure_url":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg","og:image:width":1650,"og:image:height":1275,"article:published_time":"2025-12-19T15:51:04+00:00","article:modified_time":"2026-02-11T09:33:11+00:00","article:publisher":"https:\/\/www.facebook.com\/memberpress\/","twitter:card":"summary_large_image","twitter:site":"@memberpress","twitter:title":"Configuring App Colors in MemberPress AppKit","twitter:description":"Configure consistent app colors for your MemberPress App's backgrounds, buttons, and text. Enhance brand identity and improve app usability on iOS and Android.","twitter:image":"https:\/\/memberpress.com\/wp-content\/uploads\/2022\/10\/mp-icon-RGB_Icon-01.jpg"},"aioseo_meta_data":{"post_id":"77080","title":"#post_title","description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"colors","score":78,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":1},"keyphraseInURL":{"score":5,"maxScore":5,"error":0},"keyphraseInIntroduction":{"score":9,"maxScore":9,"error":0},"keyphraseInSubHeadings":{"score":9,"maxScore":9,"error":0},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"type":"high","score":0,"maxScore":9,"error":1}}},"additional":[{"keyphrase":"MemberPress App","score":40,"analysis":{"keyphraseInDescription":{"score":3,"maxScore":9,"error":1},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":2},"keyphraseInIntroduction":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"score":0,"type":"low","maxScore":9,"error":1}}}]},"primary_term":null,"canonical_url":null,"og_title":"#post_title","og_description":"#post_excerpt","og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":"#post_title","twitter_description":"#post_excerpt","schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"seo_analyzer_scan_date":"2026-02-11 09:39:18","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":"0","open_ai":null,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-12-09 11:39:09","updated":"2026-03-03 14:48:50"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/es\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/es\/doc-categories\/app\/\" title=\"MemberPress AppKit\">MemberPress AppKit<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/memberpress.com\/es\/doc-categories\/app-content\/\" title=\"AppKit Content\">AppKit Content<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\tConfiguring App Colors in MemberPress AppKit\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/memberpress.com\/es"},{"label":"MemberPress AppKit","link":"https:\/\/memberpress.com\/es\/doc-categories\/app\/"},{"label":"AppKit Content","link":"https:\/\/memberpress.com\/es\/doc-categories\/app-content\/"},{"label":"Configuring App Colors in MemberPress AppKit","link":"https:\/\/memberpress.com\/es\/docs\/configuring-app-colors-in-memberpress-app\/"}],"_links":{"self":[{"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/ht-kb\/77080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/users\/86440"}],"replies":[{"embeddable":true,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/comments?post=77080"}],"version-history":[{"count":6,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/ht-kb\/77080\/revisions"}],"predecessor-version":[{"id":79107,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/ht-kb\/77080\/revisions\/79107"}],"wp:attachment":[{"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/media?parent=77080"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=77080"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/memberpress.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=77080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}