||||\n-|-|-|\n:discourse2: | Resumen | Air Theme es un tema limpio y moderno con un puñado de componentes de tema incluidos para mejorar tu foro!\n| 
| Vista Previa | Vista previa en Discourse Theme Creator\n:hammer_and_wrench: | Enlace al Repositorio | \u003chttps://github.com/discourse/discourse-air\u003e\n:open_book: |¿Nuevo en los Temas de Discourse? | Guía para principiantes sobre cómo usar los temas de Discourse\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-air\" repoName="Air Theme"]\nInstalar este tema\n[/wrap]\n\n[quote]\n\n:discourse2: Dado que 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. 
\n\n\u003ckbd\u003e [
\u0026nbsp;Soporte](https://meta.discourse.org/new-topic?category_id=6\u0026tags=air-theme "Hacer preguntas sobre la configuración y el uso de Air Theme") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Error](https://meta.discourse.org/new-topic?category_id=1\u0026tags=air-theme "Un informe de error significa que algo está roto, lo que impide el uso normal/típico del tema") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;UX](https://meta.discourse.org/new-topic?category_id=9\u0026tags=air-theme "Discusión sobre la interfaz de usuario de Air Theme, y cómo se presentan las funciones (incluidos el idioma y los elementos de la interfaz de usuario)") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;Dev](https://meta.discourse.org/new-topic?category_id=7\u0026tags=air-theme "Asesoramiento sobre cómo personalizar este tema para tu sitio")\u003c/kbd\u003e\n\n[/quote]\n\n\n### Características\n\nModo Claro\n
\n\nModo Oscuro\n
\n\nPágina de Categorías\n
\n\nEste tema incluye un par de componentes para mejorar tu foro también. \n- Temas Clicables\n- Cuadros de Categorías + Grupos Modernos\n\n\u003e 
Por favor, lee estos consejos tras la instalación, ya que hay un par de ajustes que DEBEN ACTIVARSE para que este tema se muestre correctamente.\n\n— \n# Consejos\n### Alternancia de Esquema Claro/Oscuro\n
\n\nPara que esto funcione correctamente, al menos 2 opciones de esquema de color deben estar habilitadas en tu área https://discourse.jordanvidrine.com/admin/customize/colors. Al menos dos colores deben tener habilitada la opción color scheme can be selected by users (el esquema de color puede ser seleccionado por los usuarios).\n\n
\n\nUna vez hecho esto, los usuarios deberían poder elegir entre dos esquemas de color como sus preferencias claro y oscuro en el menú de interfaz de preferencias de usuario.\n\n
\n\n___\n## Banner de Bienvenida\n\nVe a la página Admin \u003e Welcome banner (/admin/config/welcome-banner).\n\n- En el menú desplegable Enabled on themes… selecciona Air Theme\n- En el menú desplegable Location selecciona Below site header (Debajo del encabezado del sitio)\n___\n## Cuadros de Categorías + Grupos Modernos\nEste componente de tema requiere que tus categorías utilicen la configuración CATEGORY BOXES WITH SUBCATEGORIES (Cuadros de Categorías con Subcategorías) en tu área /admin/site_settings/category/all_results?filter=categories.\n\n
\n\nEste componente de tema también permite al administrador del foro organizar su página de categorías con títulos de encabezado, y elegir qué categorías aparecen bajo cada encabezado. Para mantener las cosas simples, solo he permitido hasta 5 encabezados. Si no se elige ninguna configuración de categorías + encabezado, todas las categorías se renderizarán como lo hacen arriba, esta es la opción de renderizado predeterminada.\n\n\u003e:discourse2: ¿Alojado por nosotros? Los temas están disponibles para usar en nuestros planes Estándar, Business y Enterprise.
That is just amazing Jordan! 
I love it!
It will be helpful if the welcome message can be hide when left locale field empty 
Oh wow, this looks really nice! Thank you for the share. 
This theme gives discourse the modern look it deserves. Very well done @jordan.vidrine
Theme looks amazing. Awesome work
This theme looks so amazing. Hope we can get this category page design as a separate component as well. It is looking way better this way. 
Thanks it is nice…
First time I install a new theme. I really like this one!!
Hi @jordan-vidrine regarding the # of views column, what kind of code shall i add in the component to override that column being hidden ?
I believe this should work:
.full-width .contents .topic-list thead th.posts {
width: 10%;
}
.full-width .contents .topic-list thead th.activity {
width: 10%;
order: 4;
}
th.num.views {
width: 10%;
order: 3;
display: block;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts {
width: 10%;
order: 2;
}
.topic-list .views {
width: 10%;
order: 3;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age {
width: 10%;
order: 4;
}
Refreshingly beautiful. Great work @jordan.vidrine!
¿Existe alguna posibilidad de cambiar el texto del encabezado “Bienvenido al foro”?
Sí, esto se puede editar en el componente Discourse Search Banner
Hace un tiempo publiqué un problema sobre no ver las categorías en una vista móvil (Air Theme - #172). Hablé un poco con @jordan.vidrine, pero no pudimos llegar a la raíz del problema. Espero que alguien más tenga algunas ideas.
Para los detalles
Usando una instalación limpia de Discourse 2.7.11 en kubernetes con la ayuda de un gráfico de Helm de Bitnami, y la última versión del tema instalada y configurada como se menciona en la publicación inicial, no vemos ninguna categoría en la vista móvil y el estilo está desajustado en la página más reciente.
Lo que intentamos
Además de usar una instalación limpia, intentamos usar también algunas versiones anteriores del tema. Sin embargo, el problema persistió, pero no probamos exhaustivamente todas las versiones.
También comparamos el HTML de nuestra instancia con el de discourse.jordanvidrine.com , y notamos que es significativamente diferente.
Intuición
Como no podemos usar una versión ‘beta’, mi intuición me dice que esto es un problema de compatibilidad entre el tema o uno de sus complementos y Discourse 2.7. Me encantaría saber si alguien tiene este tema funcionando en 2.7, y si es así, con qué versiones del tema y complementos relevantes.
Pregunta
¿Alguien ha conseguido que este tema funcione con 2.7 y/o hay alguna pista sobre lo que podríamos hacer para que funcione?
Hola. Primero, gracias por este gran tema 
Quiero cambiar la fuente, ¿cómo puedo hacerlo?
Intenté esto 
-
Descargar este tema Google Fonts y cambiar la configuración de fuente en CONFIGURACIÓN DEL SITIO – No funciona
-
Añadir código
@import{enlace de fuente web ~~~ }en Desktop.css, mobile.css – No funciona
¿Qué archivo debería modificar para cambiar la fuente? 
Creo que deberías poder establecer una fuente personalizada sin un componente aquí: admin/site_settings/category/all_results?filter=font
Si deseas más personalización, creo que el componente temático de Google Fonts que enlazaste funcionaría. Sin embargo, creo que el tema utiliza theme-settings y no una configuración del sitio.
¿Has planteado este problema en el tema de ese componente de fuentes?
Hola a todos, ¿alguien puede ayudarme a cambiar el tamaño y la “naturaleza fija” del color de fondo en el móvil?
El CSS para el móvil es transparente de mi lado. Y solo necesito un poco de orientación sobre cómo cambiar el fondo fijo para los colores de fondo.
Si no me equivoco, hay un fondo de encabezado y un fondo de página, ¿correcto?
Esto se debe a que el tema y sus componentes incluidos son bastante exigentes con la forma en que se configura el sitio.
En el OP compartí que:
¿Hay alguna forma de hacer que el fondo sea una imagen? Preferiría tener una imagen en lugar de colores. Usar
body {
background-image: url("url de la imagen aquí");
background-color: #cccccc;
}
hace que la parte superior del color sea la imagen, pero no la inferior.
Lo que hiciste está bien para añadir la imagen, pero también querrás eliminar la ruta de recorte que se crea para dar ese efecto de superposición.
html .background-container {
clip-path: unset;
}