Creo que puedes crear un nuevo Theme component y anular las fuentes.
Este ordenador podría ser modificado o podrías encontrar fuentes en Google Fonts que te gusten.
Creo que puedes dirigir y ajustar la cabecera con CSS.
Quizás no sea exactamente lo que buscas. Pero quizás te interese.
Hola a todos
¡Gracias por un tema tan genial!
Solo estoy luchando con algo. He notado que en el móvil, algunas de las pestañas de Preferencias del Perfil no tienen un fondo sólido, lo que hace que se vea un poco extraño. Vea la imagen a continuación como referencia:
La página de error en la versión móvil hace lo mismo. Todos están bien en la vista de escritorio/tableta, pero la versión móvil parece tener CSS diferente.
¿Alguien sabe cómo/dónde puedo cambiar esto? No tengo experiencia en codificación, ¿así que necesitaría que un desarrollador lo hiciera por mí?
Aquí hay un ejemplo de cómo se ve en tableta/móvil y también de cómo se ven la mayoría de las otras pestañas:
Bienvenido a Meta! 
No lo creo. Este es un tema official, por lo que lo mantiene el equipo de Discourse. Pero incluso otros temas que se comparten aquí a menudo son corregidos por el mantenedor cuando informas un problema.
Puedo reproducir tu problema aquí. Se ve aún peor que en tu captura de pantalla porque la vista previa del mensaje es más ancha que mi pantalla.
Puedes probar este CSS:
.topic-list {
.topic-list-header .posts,
.topic-list-body .posts {
display: none !important;
}
}
Sí, intenté ocultarlos de esta manera. Los divs normales se ocultan, pero no funciona con td. Probé varias opciones:
.td.num.posts... {
display: none;
}
.td:num.posts... {
display: none;
}
Probé mi CSS y me funciona. ¿Lo probaste?
Le falta el !important para este tema.
Gracias @chapoi
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posters {
display: none;
}
Hay un espacio vacío en la parte superior. ¿Hay alguna forma de eliminarlo? No encuentro nada usando el inspector de elementos.
Y me gustaría aumentar el ancho del bloque con el contenido del tema
Hay un margin-top en la clase main-outlet.
Deberías añadir esto:
html body #main-outlet {
margin-top: 0;
}
Nunca he usado esto todavía, pero hay una configuración de topic-width en el CSS, en un elemento raíz.
Añade esto, debería adaptar todo lo demás:
:root {
--topic-body-width: 750px;
}
Al mismo tiempo, se ve normal. Gracias
.container.posts {
grid-template-columns: 90% 10%;
}
¡Gracias por compartir! Le echaré un vistazo pronto.
Esto se ha corregido en la última fusión de una PR.
Por favor, díganme cómo recortar la imagen de fondo de esta manera, con esquinas redondeadas simétricamente.
Ahora el código se ve así:
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://site/uploads/default/original/2X/2/26d48362654a9e03c716eeaff4a176cbbd01d6b8.png);
background-size: cover;
}
Vas a querer editar las propiedades del clip path. Puedes aprender más sobre eso en sitios como css tricks.
Cuando uso el tema aquí en Meta, los iconos delante de Citar, Editar, Copiar cita y Preguntar a IA son invisibles.
Hmm, ¿qué esquema de color estás usando? El fondo de eso no es lo que usa el tema.
WCAG Light definitivamente tiene el problema, pero cambié a “tema predeterminado”
