||||\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”}
¡Qué tema tan agradable
Incluso podría probarlo con azul real (mi color favorito) en mi sitio de pruebas.
¡Gracias 
@meghna creando temas increíbles. Se ve genial. Lo desplegaré y probaré.
¡Qué tema tan bonito! Gracias por crearlo
Me preguntaba si había alguna forma de que yo pudiera eliminar el cuadrado y el círculo del fondo. Agradezco cualquier orientación que puedas darme 
elimina
#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%;
}
de desktop.scss y deberías estar listo
¡Muchas gracias, Tomasz, lo aprecio mucho
¡Este tema es increíble! Gracias por crearlo. Soy nuevo en el mundo de Discourse. Sé cómo subir este tema, pero no estoy seguro de cómo cambiar ciertas cosas. Lo que quiero modificar son los colores de los bloques del fondo (el círculo y el cuadrado). Además, me gustaría cambiar el color de fondo. ¿Debo descargar el archivo del tema, editarlo allí y luego crear mi propio tema? ¿O hay una forma más sencilla?
¡Gracias!
Sí. Para cambiar los colores, necesitas bifurcar el tema y actualizar el código de color según tus necesidades. Así es como puedes hacerlo:
En variables.scss, cambia el código de color según tu gusto:
$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%);
Para cambiar el color de fondo, actualiza el color secondary en about.json (ten en cuenta que esto también cambiará el color del texto de algunos botones):
"secondary": "F6FBFC"
¡Me encanta este tema, encaja perfectamente con la identidad de marca de nuestro proyecto! Sin embargo, si activo el modo oscuro, el tema se ve afectado. ¿Se espera esto? ¿Existe alguna forma de evitar que los usuarios activen el modo oscuro?
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.