||||\n-|-|-|\n:discourse2: | Resumen | Mint - Un tema moderno con un toque de menta. 
\n| 
| Vista previa | Vista previa en Discourse Theme Creator\n:hammer_and_wrench: | Enlace al Repositorio | \u003chttps://github.com/discourse/discourse-mint-theme\u003e\n:open_book: |¿Nuevo en los Temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-mint-theme\" repoName="Mint Theme"]\nInstalar este tema\n[/wrap]\n\n[quote]\n\n:discourse2: Al ser este un tema official mantenido por el equipo de Discourse, los problemas de Support, los informes de Bug, las sugerencias de UX y las solicitudes de asesoramiento Dev se pueden realizar en las categorías correspondientes aquí en Meta, y etiquetados con la etiqueta de tema apropiada. Haga clic en un enlace a continuación para iniciar uno. 
\n\n\u003ckbd\u003e [
\u0026nbsp;Soporte](https://meta.discourse.org/new-topic?category_id=6\u0026tags=mint-theme "Haga una pregunta sobre la configuración y el uso del Tema Mint") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Error](https://meta.discourse.org/new-topic?category_id=1\u0026tags=mint-theme "Un informe de error significa que algo está roto, lo que impide el uso normal/típico del tema") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;UX](https://meta.discourse.org/new-topic?category_id=9\u0026tags=mint-theme "Discusión sobre la interfaz de usuario del Tema Mint, y cómo se presentan las funciones (incluidos el idioma y los elementos de la interfaz de usuario)") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Dev](https://meta.discourse.org/new-topic?category_id=7\u0026tags=mint-theme "Asesoramiento sobre cómo personalizar este tema para su sitio")\u003c/kbd\u003e\n\n[/quote]\n\n### Características\n\nUn tema moderno con un toque de menta. \n\n:herb: 
\n\nPágina de inicio (categorías)\n\n
\n\n
\n\nLo último\n\n
\n\nTema\n\n
\n\n\nBúsqueda avanzada\n\n
\n\nEste tema incluye el siguiente componente:\n\n- Categorías Destacadas de Discourse\n\n### Consejos\n\n### Configuración de Discourse\n\nSe requieren los siguientes cambios en la configuración para que este tema se muestre correctamente:\n\n- menú superior debe configurarse como category, latest, new, unread, top\n- estilo de página de categoría de escritorio debe configurarse como Boxes with Subcategories\n\n### Banner de Bienvenida\n\nVaya a la página Admin \u003e Banner de bienvenida (/admin/config/welcome-banner).\n\n- en el menú desplegable Habilitado en temas… seleccione Mint Theme\n- en el menú desplegable Visibilidad de página seleccione Solo página de inicio\n- en el menú desplegable Ubicación seleccione Debajo del encabezado del sitio\n- la Imagen de fondo se puede configurar según sus requisitos\n\n[^update]: A partir del 4 de octubre de 2022 y este commit, el tema en sí configurará y ordenará automáticamente los componentes del tema en las salidas correctas.\n\n### Categorías Destacadas de Discourse\n\nEn las opciones para el componente de tema Showcased Categories, se requieren los siguientes cambios para que este tema se muestre correctamente:\n\n- seleccione la feed one category y feed two category según sus requisitos\n- complete el feed one title y feed two title según sus requisitos\n- el valor recomendado para max list length es 3.\n\n\u003cbr\u003e\n\n\u003e:discourse2: ¿Alojado por nosotros? Los temas están disponibles para su uso en nuestros planes Estándar, Business y Enterprise.",“target_locale”:“es”}
really nice theme 
I might even test it out with royal blue (my favourite colour) on my test site.
Thank you 
@meghna churning out the amazing themes. Looks great. I will deploy and play.
Beautiful theme! Thank you for creating this
I was wondering if it was a way for me to remove the square and circle in the background? Appreciate anything that can point me in the right direction 
remove
#main-outlet:after {
content: "";
display: block;
position: fixed;
z-index: -1;
width: 500px;
height: 500px;
border-radius: 2000px;
background: $color-blue;
right: 1px;
top: -57px;
}
#main-outlet:before {
content: "";
display: block;
position: fixed;
z-index: -1;
width: 300px;
height: 300px;
border-radius: 30px;
background: -webkit-linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
// background: linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
background: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
left: 70px;
top: 350px;
transform: rotate(74deg);
transform-origin: 0 100%;
}
from desktop.scss and you should be good to go
Thank you so much Tomasz, appreciate it
This theme is awesome. Thank you for making this! I’m new to the Discourse scene. I know how to upload this theme, but I’m not sure how to change certain things. What I want to change are the colors of the blocks in the back (the circle and square). Additionally, I would like to change the background color. Do I download the theme file and edit it there, then create my own theme? Or is there an easier way?
Thanks! 
Yes. To change the colors you need to fork the theme and update the color code as per your requirement. Here’s how you can do it:
In variables.scss change the color code as per your liking:
$color-blue: #e5f8ff;
$color-square-gradient: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
$color-square-webkit-gradient: -webkit-linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
To change the background color update the secondary color in about.json (note that this will also change text color of some buttons):
"secondary": "F6FBFC"
I love this theme - it fits our project’s branding perfectly! However, if I turn on dark mode, the theme is messed up. Is this to be expected? Is there a way to prevent users from turning on dark mode?
Hay dos pequeños problemas con el compositor. 
El botón de engranaje tiene un fondo siempre activo y la forma al pasar el ratón sobre el primer botón no coincide con la curvatura del marco:
Corregidos ambos problemas a través de:
Me gusta mucho tu tema y lo he instalado.
El fondo de mi banner de búsqueda no tiene esquinas redondeadas y ocupa todo el ancho.
¿Cómo puedo cambiar esto a tu diseño?
Es posible que otro tema o componente esté interfiriendo con el estilo del tema mint. ¿Puede intentar deshabilitar otros temas/componentes que haya instalado?
es una instalación limpia con el tema predeterminado inactivo y solo estos componentes:
- discourse-search-banner
- Categorías Destacadas
Eso es extraño. ¿Puedes enviarme por mensaje privado la URL de tu instancia de Discourse y puedo echarle un vistazo?
El problema del banner ahora está solucionado a través de:
También hubo un problema en el plugin de categorías destacadas que Patrick me señaló. También lo solucioné.
Hola, jugué con el modo oscuro en un dispositivo con un bonito tema Mint. Hice algunos cambios para admitir el modo oscuro. Solo para pruebas.
discourse-mint.zip (5.1 KB) Puede contener errores, por supuesto Por esta razón, no crearé una PR desde github.
Hice algunas modificaciones para bloques de código, formato estilo gitlab, página ancha, etc… No probé en dispositivos móviles.
¡Gracias por tus esfuerzos, Ivan! Revisé tu trabajo y hay algunos cambios personalizados que no necesitan estar en el núcleo. Me encargaré de los cambios específicos del modo oscuro y los implementaré en el núcleo después de más pruebas.
¡De nada, Meghna! Creo que sería suficiente aplicar el valor revert a algunos elementos con blanco.