Tema Zeronoise

[Discourse]

	Resumen	Zeronoise se centra en tener acentos de color claros y áreas de contenido sutilmente diferenciadas, buscando crear una experiencia de lectura agradable.
	Vista previa	Vista previa en Discourse Theme Creator
	Enlace al repositorio	https://github.com/discourse/zeronoise
	¿Nuevo en los temas de Discourse?	Guía para principiantes para usar temas de Discourse

Instalar este tema

Dado que este es un tema #oficial mantenido por el equipo de Discourse, los problemas de #soporte, los informes de #errores, las sugerencias de #experiencia de usuario (UX) y las solicitudes de #consejos de #desarrollo pueden realizarse en las categorías respectivas aquí en Meta, y etiquetarse con la etiqueta del tema apropiada. Haz clic en un enlace a continuación para iniciar uno.

 Soporte  Error  UX  Desarrollo

Características

¡Hola Meta! He creado un tema para Discourse centrado en tener acentos de color claros y áreas de contenido sutilmente diferenciadas, buscando crear una experiencia de lectura agradable.

En la versión de escritorio, también moví el avatar del creador del tema al lado izquierdo del título para darle una jerarquía más alta en el diseño.

También fue divertido jugar con fuentes con serifa y, al final, “Playfair Display” realmente le da carácter (jeje) al tema.

Otra cosa divertida es que, como el encabezado del tema es negro, puedes jugar con algunos aspectos del logotipo a través de la Configuración del tema (inversión de color, rotación de tono y brillo).

Espero que lo disfrutes, lo uses y lo forks !

Configuración

Nombre	Descripción
Invertir colores del logotipo
Rotación de tono del logotipo	Especifique un valor en grados para cambiar el color de su logotipo. Si no sabe qué es esto, puede dejarlo en 0 o buscar en Google ‘rotación de tono de filtro css’
Brillo del logotipo	Establezca la cantidad de brillo que desea agregar a su logotipo (si desea hacerlo más oscuro, establezca un número negativo)

Créditos

Creado por @ruidovisual

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

[anon82467725]

Wow! Beautiful theme! Many of the elements should honestly be baked into Material Theme, but both themes are awesome. Great job!

[thegurjyot (Gurjyot Singh)]

This theme actually looks good. Will definitely try this on my website.

[Eduardo_Braga (Eduardo)]

¿Es un nuevo tema un componente?

[Karthikk_Vijay]

Honestamente, ¡este es uno de los temas con mejor diseño que he encontrado! Muchas gracias

Solo necesito una ayuda, si no es mucha molestia @ruidovisual

• Soy un completo novato en todo esto, así que perdonen mi ingenuidad. He logrado hacer un fork de tu archivo y cambiar los temas de color. Necesito cambiar la fuente y veo que puedo hacerlo importando mi propia familia tipográfica dentro de la variable SCSS.
• Lo que no logro averiguar es cómo establecer dos fuentes diferentes, una para los títulos, encabezados, etc., y otra para el cuerpo del texto.

Sería genial si pudieras ayudarme aquí. Sé que esto podría estar totalmente fuera de alcance, pero sin duda ayudaría mucho

[ruidovisual (Miguel Arroyo)]

¡Hola Karthikk! Me alegra que te guste el tema : )

La forma más sencilla sería definir una fuente para el body (creo que lo mejor sería hacerlo en common.scss):

body {
  font-family: 'El Nombre de tu Familia de Fuentes', [FALLBACKS];
}

No sé si estás agregando tus propias fuentes o usando algunas de Google Fonts, pero te recomendaría que elijas una familia del catálogo de Google.

Recuerda reemplazar [FALLBACKS] con tus fuentes de respaldo según el tipo de fuente que hayas elegido; puedes ver más sobre fuentes de respaldo para font-family aquí.

Sobre cambiar la fuente para los títulos y encabezados, creo que ya lo resolviste, pero como recordatorio, además de importarla, necesitas declararla en la línea 116 de variables.scss.

¡Espero que te ayude! Que tengas un buen fin de semana : )

[ruidovisual (Miguel Arroyo)]

¿Te refieres a un componente personalizado para el tema? En ese caso, la respuesta es no. Ya está ahí con position: fixed. Consulta la línea 36 de mobile.scss.

Que tengas un buen fin de semana y gracias por tu paciencia : )

[Matze]

¡Tema muy bonito! No puedo esperar a crear un nuevo tema para nuestro Discourse basado en zeronoise.
¡Gracias por compartirlo!

[Zup]

excelente tema. Está muy alto en mi lista de favoritos personal.

Sería aún más interesante si la fuente pudiera ser opcionalmente la misma que la elegida en el asistente.

[daemon (Alex)]

Hola @ruidovisual,

Me encanta mucho tu tema.

¿Sería posible cambiar el color morado por rojo? ¿Podrías lanzar una versión roja de tu tema?

Lo intenté yo mismo, pero después perdí los efectos del tema y no quedó rojo.

[Karthikk_Vijay]

@ruidovisual Gracias por la explicación, ¡he logrado averiguar cómo cambiar las fuentes, gracias a ti!

Ahora estoy experimentando con mis propias versiones clara y oscura del tema. Estoy utilizando los Paletas de Colores para lograrlo, ya que deseo evitar el uso de CSS tanto como sea posible.

He logrado ajustar casi todo, excepto estos dos elementos:

1. La barra de estado debajo de la publicación tiene un efecto especial en tu tema y no puedo controlarlo con la Paleta de Colores. ¿Cómo puedo ajustar esto usando CSS? ¿Qué parte debo apuntar?
   

   

2. La barra en la parte superior de todos los temas en la vista de categoría separada permanece blanca sin importar el color que establezca en la paleta.

   

Sería genial si pudieras ayudarme con esto

P.D. Esta es mi Paleta de Colores para tu referencia:

[Iceman]

Gran tema.

Una pregunta, ¿alguien ha logrado que funcione con categorías de tipo “caja”? Solo obtienen formas aleatorias y el texto permanece en blanco.

[png (Portable Network Graphics)]

Esto es extremadamente limpio y moderno. ¡La comunidad crea los mejores temas de todos los tiempos!

[KevinBlandy]

¡Hola! Este tema se ve genial.
Sin embargo, parece haber algunos problemas con el estilo en el foro chino.

tema zeronoise

tema predeterminado

[png (Portable Network Graphics)]

Probablemente un problema de formato con los caracteres chinos.

[marthasimmons]

En primer lugar, muchas gracias por este hermoso tema @ruidovisual. Lo he estado usando para mi foro comunitario durante casi 2 meses.

Tengo una pregunta. ¿Es posible eliminar el menú desplegable de navegación en el móvil?

Gracias de antemano.

[diabolicvincent]

¡Gracias por este tema, me está encantando hasta ahora! Uno de los estilos de discurso más agradables que he visto

Solo un problema: al realizar operaciones masivas en una categoría, las casillas de verificación no aparecen, por lo que no puedo seleccionar varios temas. Esto me está molestando mucho y no puedo usar el tema de forma regular debido a este problema. ¿Se podría solucionar? <3

[RGJ (Richard - Communiteq)]

@KevinBlandy

Sin embargo, parece que hay algunos problemas con el estilo en el foro chino.

Esto no tiene nada que ver con los caracteres chinos, es un problema con la configuración de estilo de categoría “box”.

.badge {
  &-category-bg,  /* <------ ¡mal! */
  &-wrapper.bullet &-category-parent-bg,
  &-wrapper.bullet &-category-parent-bg + &-category-bg {
    border-radius: 50%;
    width: 9px;
  }

Para resolver esto, aplica esto como un componente de tema

.badge {
  &-wrapper.bar &-category-bg,
  &-wrapper.bar &-category-parent-bg,
  &-wrapper.bar &-category-parent-bg + &-category-bg {
     border-radius: 0%;
  }
  &-wrapper.box &-category-bg,
  &-wrapper.box &-category-parent-bg,
  &-wrapper.box &-category-parent-bg + &-category-bg {
    border-radius: 0%;
    width: 100%;
  }
}

[bosal]

Me encanta el tema, pero… ;)\n\n¿Podrías ayudarme o arreglar esta vista de impresión, ya que no es utilizable:\n- el título debe ser pequeño\n- el borde con sombra no debe ser visible\n\n

\n\nAdemás, la selección de temas no funciona\n\n\n\nAdemás, ¿cómo puedo cambiar globalmente la fuente de este tema?

[bquast (Bastiaan Quast)]

Muy impresionante, muchas gracias.

Lo implementaré ahora, espero poder aportar más pronto