Un tema moderno con un toque de menta.
Página principal (categorías)
Más recientes
Tema
Búsqueda avanzada
Este tema incluye el siguiente componente:
Se requieren los siguientes cambios en la configuración para que este tema se renderice correctamente:
menú superior debe establecerse en categoría, más recientes, nuevo, sin leer, destacado estilo de página de categoría de escritorio debe establecerse en Cajas con subcategorías
Ve a la página Administración > Banner de bienvenida (/admin/config/welcome-banner).
en el menú desplegable Habilitado en temas… , selecciona Mint Theme
en el menú desplegable Visibilidad de la página , selecciona Solo página principal
en el menú desplegable Ubicación , selecciona Debajo del encabezado del sitio
La imagen de fondo puede configurarse según tus necesidades
En las opciones del componente del tema Categorías destacadas, se requieren los siguientes cambios para que este tema se renderice correctamente:
selecciona feed una categoría y feed dos categorías según tus necesidades
completa título de feed uno y título de feed dos según tus necesidades
el valor recomendado para longitud máxima de lista es 3.
¿Alojado por nosotros? Los temas están disponibles para usar en nuestros planes Estándar, Empresarial y Corporativo.
67 Me gusta
IAmGav
7 Septiembre, 2021 12:30
2
¡Qué tema tan agradable
Incluso podría probarlo con azul real (mi color favorito) en mi sitio de pruebas.
¡Gracias
5 Me gusta
P2W
10 Septiembre, 2021 16:27
3
@meghna creando temas increíbles. Se ve genial. Lo desplegaré y probaré.
5 Me gusta
¡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
3 Me gusta
tjot
14 Septiembre, 2021 11:14
5
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
6 Me gusta
¡Muchas gracias, Tomasz, lo aprecio mucho
2 Me gusta
¡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?
2 Me gusta
meghna
18 Octubre, 2021 09:27
8
¡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
$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
"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?
1 me gusta
También sería genial poder editar el CSS desde el front-end, como con los temas predeterminados.
cvx
4 Diciembre, 2021 12:54
12
Hay dos pequeños problemas con el compositor.
1 me gusta
meghna
6 Diciembre, 2021 11:31
14
Corregidos ambos problemas a través de:
committed 11:29AM - 06 Dec 21 UTC
2 Me gusta
Pika
7 Diciembre, 2021 08:02
15
Me gusta mucho tu tema y lo he instalado.
meghna
7 Diciembre, 2021 15:27
16
Es posible que otro tema o componente esté interfiriendo con el estilo del tema mint. ¿Puede intentar deshabilitar otros temas/componentes que haya instalado?
Pika
7 Diciembre, 2021 15:32
17
es una instalación limpia con el tema predeterminado inactivo y solo estos componentes:
discourse-search-banner
Categorías Destacadas
meghna
7 Diciembre, 2021 16:27
18
Eso es extraño. ¿Puedes enviarme por mensaje privado la URL de tu instancia de Discourse y puedo echarle un vistazo?
1 me gusta
meghna
9 Diciembre, 2021 17:01
19
El problema del banner ahora está solucionado a través de:
committed 04:57PM - 09 Dec 21 UTC
También hubo un problema en el plugin de categorías destacadas que Patrick me señaló. También lo solucioné.
committed 04:57PM - 09 Dec 21 UTC
3 Me gusta
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 github .
Hice algunas modificaciones para bloques de código, formato estilo gitlab, página ancha, etc… No probé en dispositivos móviles.
1 me gusta
meghna
17 Diciembre, 2021 15:28
21
¡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.
1 me gusta
¡De nada, Meghna! Creo que sería suficiente aplicar el valor revert a algunos elementos con blanco.
1 me gusta
¿Alojado por nosotros? Los temas están disponibles para usar en nuestros planes Estándar, Empresarial y Corporativo.
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:
