Tema Sublime

|||
-|-|-|
:discourse2: | Resumen | Sublime - Un tema sublime para Discourse
:hammer_and_wrench: | Enlace al repositorio | https://github.com/discourse/discourse-sublime-theme
:open_book: | ¿Nuevo en los temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse

Instalar este tema

Características

Un tema simple y sublime para Discourse diseñado desde cero para integrarse bien con la barra lateral.

Modo Claro

Página de categorías:


Página de últimas:

Modo Oscuro

Página de categorías:


Página de últimas:

Este tema incluye los siguientes componentes:


Consejos

Configuración de Discourse

Los siguientes cambios de configuración son necesarios para que este tema se muestre correctamente:

  • Habilita la configuración enable experimental sidebar hamburger
  • Selecciona la opción Cajas con subcategorías para desktop category page style
  • Selecciona sublime-dark como default dark mode color scheme id

Banner de búsqueda de Discourse

Para el componente de tema discourse-search-banner establece plugin-outlet en below site header.


> :discourse2: **¿Lo alojamos nosotros?** Los temas están disponibles para su uso en nuestros planes Estándar, Business y Enterprise.
33 Me gusta

Bonito tema.

¿El interruptor de luz/oscuro en la vista previa es parte del tema?

Editar: Veo que es este componente temático; solo estoy comprobando si es estable con la barra lateral ahora porque estaba marcado como roto.

3 Me gusta

Oh wow, eso es precioso. ¡Tengo un nuevo tema favorito! Sé que tiene dependencias que no se están utilizando aquí, pero me encantaría poder usar (Dark) Sublime aquí en Meta. :folded_hands:

 
edición: Es muy sutil, pero no estoy muy seguro de que el verde utilizado para indicar la página de inicio activa encaje muy bien con el modo oscuro. Se siente un poco demasiado desaturado en comparación con el resto de la paleta.

4 Me gusta

¿Qué código CSS utilizas para poner este fondo blanco detrás de los temas?

3 Me gusta

Es una variable de color, por lo que puede cambiar si el sitio utiliza la paleta de colores clara u oscura:

body #main-outlet {
    background: var(--secondary);
}
6 Me gusta

Se han informado algunos problemas en ese componente y me ocuparé de solucionarlos. El componente no viene empaquetado por defecto en este tema y lo he instalado solo para que los usuarios puedan probar esquemas de colores claros y oscuros.

¡Gracias! Veré si podemos instalarlo en meta.

Anotado. ¿Puedes hacer un fork del tema y experimentar con diferentes colores para ver qué queda mejor? Las PR siempre son bienvenidas. :slight_smile:

4 Me gusta

¡Interesante! ¿Hay algo a tener en cuenta para la interfaz de usuario móvil?

3 Me gusta

La interfaz de usuario móvil es casi estándar, excepto por la combinación de colores y el estilo de los botones, que son muy específicos.

4 Me gusta

Tema extremadamente agradable. Se ve encantador en la pantalla Retina.
Gracias :grinning_face:

2 Me gusta

¿Dónde puedo poner el #?

@danielabc
¿Podrías por favor explicar un poco más a qué te refieres?

Hola @techAPJ, ¿cómo puedo hacer que la categoría principal sea un cuadro y no una lista? Intenté marcar las casillas y solo se cambian las subcategorías, no la categoría principal.

Así es como se ve mi foro:

@techAPJ Este es un tema encantador, ¡gracias! Solo quería señalar que descarga el componente deslizante de carga horizontal, que por supuesto ahora es parte del núcleo. :slight_smile:

4 Me gusta