Tema Avid Reader

:warning: Si instalaste el tema antes del 7 de junio de 2023, necesitarás reinstalarlo utilizando el nuevo enlace del repositorio en GitHub.

:discourse2: Resumen Avid Reader es un tema centrado en la legibilidad, inspirado en el aspecto de Pocket.
:hammer_and_wrench: Enlace del Repositorio https://github.com/discourse/avid-reader
:open_book: ¿Nuevo en los Temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este tema

Características

Implementamos tamaños de fuente más grandes, más contraste en el tamaño entre diferentes encabezados, más espacio entre líneas y un color de fondo neutro para una mejor experiencia de lectura. También hay algunos iconos personalizados.

Capturas de pantalla

Componentes del Tema

El tema incluye los siguientes componentes de tema:

Para el Banner Versátil, estamos utilizando solo algunas características para tener un mensaje de bienvenida simple con una descripción únicamente en la página de inicio. Puedes revisar la captura de pantalla a continuación para replicar nuestra configuración para ello:

Ver la configuración completa para el Banner Versátil

Y aquí está el código que usamos para nuestro mensaje de bienvenida + descripción:

<h2 class="x-title">
  Tu Mensaje de Bienvenida
</h2>
<div class="description">
  <p>
    Una breve descripción de lo que trata tu Discourse
  </p>
</div>

Nuestras Recomendaciones

Si quieres que tu Discourse se vea exactamente como la vista previa en vivo, además de implementar la configuración para el Banner Versátil anterior, estas fueron nuestras elecciones para algunas de las configuraciones de Administración.

Estilo de categoría

Preferimos que el estilo de categoría sea barra en lugar del viñeta predeterminada. Esto se puede cambiar en:

Administración > Configuración > Configuración Básica > estilo de categoría > barra

Estilo de página de categoría de escritorio

Optamos por usar la opción ‘cajas’ para la página de Categorías. Esto se puede cambiar en:

Administración > Configuración > Configuración Básica > estilo de página de categoría de escritorio > cajas con subcategorías

Colores de categoría

Creamos una paleta de colores para los colores de categoría que creemos que funciona bien con el resto del tema.

Ver Valores de Color HEX
#8ECEA0
#20A9AB
#946F96
#CF9D2B
#366B80
#F69A9B
#9FD8DF
#00917C
#F27072
#C1CEBF
#6B7AA1
#F4D6A2
#F0C928
#C6B4CE
#65516B
#C56183

Puedes agregar estos valores HEX en:

Administración > Configuración > Configuración Básica > colores de categoría

Configuración para eliminar el fondo de la tarjeta de usuario

El tema tiene una configuración que podría ser un poco controvertida. Se llama ‘ocultar fondo de tarjeta de usuario’ y lo que hace es hacer que los fondos de las tarjetas de usuario sean simplemente blancos. Creemos que incluso con la superposición fuerte que usa Discourse por defecto, los fondos de las tarjetas de usuario a veces son un poco ruidosos.

Pero esto limita un aspecto de la autoexpresión del usuario. Optamos por dejarlo como una configuración, a discreción del Administrador.


Este es nuestro primer tema y realmente la primera cosa real que hacemos en términos de codificación. Esperamos que lo disfrutes y estamos más que felices de escuchar cualquier comentario que tenga la comunidad. ¡Gracias a Discourse por apoyar este trabajo!


:discourse2: ¿Alojado por nosotros? Los temas están disponibles para usar en nuestros planes Estándar, Empresarial y Corporativo.

26 Me gusta

bonito tema, agradable a la vista.

2 Me gusta

Los temas no cambian de color a otro tono, como grisáceo, al abrirse. Cuando todo es negro, resulta difícil encontrar de inmediato los temas no leídos. ¿Es un problema de CSS?

2 Me gusta

@Jagster gracias por señalar esto. Lo habíamos probado en Safari y Chrome sin iniciar sesión y funcionaba correctamente.


Pero acabo de borrar el historial del navegador para probarlo y no funciona; los temas no cambian de color después de visitarlos. Lo revisaré más tarde hoy o temprano mañana, ¡gracias!

1 me gusta

Acabamos de actualizar el CSS, debería funcionar ahora. Era una regla CSS antigua que escribimos al principio y olvidamos, ja.

2 Me gusta

¡Guau, me encanta!

Lo probaremos como tema predeterminado en https://bunqueer.jaquerespeis.org/.

El logotipo no se ve bien ahora, lo cambiaremos más adelante.

Gracias @zavorio y @senioritapolyester <3

1 me gusta

¿Hay un modo oscuro?

1 me gusta

@CamilleRoux, es posible que hagamos uno más adelante, pero primero nos gustaría probar una variación del esquema de color actual para una versión ligeramente más oscura del tema. Sin embargo, no sería algo que se podría llamar “modo oscuro”. Algo más parecido al tema Titanium de Standard Notes:

Encuentro que la mayoría de las interfaces claras/oscuras comunes tienen un contraste demasiado fuerte para mis ojos. Como expresó @P2W más arriba, nuestro objetivo era crear algo que no cansara la vista. Un modo oscuro tradicional podría ser excesivo. Pero bueno, podríamos cambiar de opinión :cowboy_hat_face:

2 Me gusta

¿Ha habido algún progreso con este esquema de colores? ¡Es realmente perfecto!

1 me gusta

¡Hola! No realmente, pero estaremos fuera antes de fin de año. Hemos estado un poco ocupados :sweat_smile:

2 Me gusta

Me encanta este tema, pero mi instancia acaba de agregar la nueva función de barra lateral y el menú de notificaciones se rompió. ¿Alguien más ha tenido ese problema o solo me pasa a mí?

Es por este CSS:

.widget-component-connector {
    display: none;
}

No sé cuál es el propósito original de esta regla en este tema.

2 Me gusta

Y falta el icono de chat. Usé este tema antes, pero lo descarté porque también había otros problemas; lo siento, ya no recuerdo cuáles. Pero veo que este tema está roto.

Por lo que vi en el código de Discourse, creo que la causa es la misma que en mi mensaje anterior.

2 Me gusta

@zavorio hay un par de PR en Github para ti. Por favor, aprúebalos para arreglar el tema.

¿Considerarías seguir actualizando este tema en el futuro, o preferirías seguir adelante?

1 me gusta

El tema se ha trasladado a nuestra organización en GitHub y se ha corregido.

Si instalaste el tema antes del 7 de junio de 2023, deberás reinstalarlo utilizando el nuevo enlace del repositorio en GitHub.

(OP actualizado)

3 Me gusta