Tema Sublime

||||\n-|-|-|\n:discourse2: | Resumen | Sublime - Un tema sublime para Discourse\n:hammer_and_wrench: | Enlace al Repositorio | \u003chttps://github.com/discourse/discourse-sublime-theme\u003e\n:open_book: |¿Nuevo en 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-sublime-theme\" repoName="Sublime Theme"]\nInstalar este tema\n[/wrap]\n\n[quote]\n\n:discourse2: Como este es 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 de Dev se pueden realizar en las categorías respectivas aquí en Meta, y etiquetados con la etiqueta de tema apropiada. Haz clic en un enlace a continuación para iniciar uno. :+1: \n\n\u003ckbd\u003e [:question:\u0026nbsp;Soporte](Discourse Meta "Hacer preguntas sobre la configuración y el uso del Tema Sublime") \u003c/kbd\u003e \u003ckbd\u003e [:bug:\u0026nbsp;Error](Discourse Meta "Un informe de error significa que algo está roto, lo que impide el uso normal/típico del tema") \u003c/kbd\u003e \u003ckbd\u003e [:eyes:\u0026nbsp;UX](Discourse Meta "Discusión sobre la interfaz de usuario del Tema Sublime, y cómo se presentan las características (incluyendo el idioma y los elementos de la interfaz de usuario)") \u003c/kbd\u003e \u003ckbd\u003e [:artist:\u0026nbsp;Dev](Discourse Meta "Asesoramiento sobre cómo personalizar este tema para su sitio")\u003c/kbd\u003e\n\n[/quote]\n\n\n### Características\n\nUn tema simple y sublime para Discourse diseñado desde cero para integrarse bien con la barra lateral.\n\n### Modo Claro\n\nPágina de categorías:\n\n

\n\nPágina de últimas:\n\n\n\n### Modo Oscuro\n\nPágina de categorías:\n\n\n\n\nPágina de últimas:\n\n\n\nEste tema incluye el siguiente componente:\n\n* Deslizador de carga de Discourse\n\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- Habilitar la configuración enable experimental sidebar hamburger\n- Seleccionar la opción Boxes with Subcategories para desktop category page style\n- Seleccionar sublime-dark como default dark mode color scheme id\n\n### Banner de Bienvenida\n\nVaya a la página Admin \u003e Welcome banner (/admin/config/welcome-banner).\n\n* Location debe establecerse en Below site header\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.

34 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:

5 Me gusta