Tema Aria

[Discourse]

	Summary	Air Theme is a clean & modern theme with a handful of theme components included to enhance your forum!
	Preview	Preview on Discourse Theme Creator
	Repository Link	https://github.com/discourse/discourse-air
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme

As this is an official theme maintained by the Discourse team, Support issues, Bug reports, UX suggestions, and requests for Dev advice can be made in the respective categories here on Meta, and tagged with the appropriate theme tag. Click on a link below to get one started.

 Support  Bug  UX  Dev

Features

Light Mode

Dark Mode

Categories Page

This theme includes a handful of components to enhance your forum as well.

• Dark Light Scheme Toggle
• Clickable Topics
• Discourse Search Banner
• Modern Category + Group Boxes

Please read through these tips upon installation, as there are a couple of settings that NEED TO BE ENABLED for this to theme to render properly.

---

Tips

Dark Light Scheme Toggle

For this to work properly, at least 2 color scheme choices need to be enabled in your https://discourse.jordanvidrine.com/admin/customize/colors area. At least two colors need to have color scheme can be selected by users enabled.

Once this is done, users should be able to choose between two color schemes as their light and dark preferences in their user preferences interface menu.

---

Discourse Search Banner

In the options for the discourse-search-banner theme component, the plugin-outlet options needs to be set to BELOW-SITE-HEADER for this theme to render properly.

---

Modern Category + Group Boxes

This theme component requires your categories to use the CATEGORY BOXES WITH SUBCATEGORIES setting in your /admin/site_settings/category/all_results?filter=categories area.

This theme component also allows the forum admin to organize their category page with header titles, and choose which categories appear under each header. To keep things simple, I have only allowed up to 5 headings to be used. If no categories + heading settings are chosen, all categories will render as they do above, this is the default rendering option.

Hosted by us? Themes are available to use on our Standard, Business, and Enterprise plans.

[Don]

That is just amazing Jordan! I love it!

[th21]

It will be helpful if the welcome message can be hide when left locale field empty

[oshyan (Oshyan Greene)]

Oh wow, this looks really nice! Thank you for the share.

[itsbhanusharma (Bhanu Sharma)]

This theme gives discourse the modern look it deserves. Very well done @jordan.vidrine

[Ahmed_Gagan]

Theme looks amazing. Awesome work

[thegurjyot (Gurjyot Singh)]

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.

[frold]

Thanks it is nice…

First time I install a new theme. I really like this one!!

Studmed.dk

[Jeremie_Leroy]

Hi @jordan-vidrine regarding the # of views column, what kind of code shall i add in the component to override that column being hidden ?

[jordan.vidrine]

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;
}

[ggurbet (Gökhan Gurbetoğlu)]

Refreshingly beautiful. Great work @jordan.vidrine!

[ShubhayanS (shubhayan saha)]

È possibile modificare il testo dell’intestazione “Welcome to the forum”?

[jordan.vidrine]

Sì, questo può essere modificato nel componente Discourse Search Banner

[Jerdeman (Jeroen)]

Tempo fa ho segnalato un problema relativo alla mancata visualizzazione delle categorie in modalità mobile (Air Theme - #172). Ho scambiato alcuni messaggi con @jordan.vidrine, ma non siamo riusciti a individuare la causa principale del problema. Spero che qualcun altro abbia qualche idea.

Per i dettagli
Utilizzando un’installazione pulita di Discourse 2.7.11 su kubernetes con l’aiuto di un helm chart di Bitnami, e l’ultima versione del tema installata e configurata come menzionato nel post di apertura, non vediamo alcuna categoria in modalità mobile e lo stile è errato sulla pagina più recente.

Cosa abbiamo provato
Oltre a utilizzare un’installazione pulita, abbiamo tentato di utilizzare anche alcune versioni precedenti del tema. Il problema tuttavia è rimasto, ma non abbiamo provato esaustivamente tutte le versioni.
Abbiamo anche confrontato l’html sulla nostra istanza con quello di discourse.jordanvidrine.com , e abbiamo notato che è significativamente diverso.

Sensazione istintiva
Poiché non possiamo utilizzare una versione ‘beta’, la mia sensazione istintiva mi dice che si tratta di un problema di compatibilità tra il tema o uno dei suoi plugin e Discourse 2.7. Mi piacerebbe sapere se qualcuno ha questo tema funzionante su 2.7, e in tal caso con quali versioni del tema e dei plugin pertinenti.

Domanda
Qualcuno ha fatto funzionare questo tema con la versione 2.7 e/o ci sono indizi su cosa potremmo fare per farlo funzionare?

[Hyeonji_Kim]

Ciao. Innanzitutto, grazie per questo fantastico tema

Voglio cambiare il font-family, come posso farlo?

Ho provato questo

• scaricare questo tema Google Fonts , e cambiare l’impostazione del font in IMPOSTAZIONI DEL SITO –\u003e Non funziona

• aggiungere il codice @import{link del font web ~~~ } in Desktop.css, mobile.css –\u003e Non funziona

Quale file dovrei modificare per modificare il font???

[jordan.vidrine]

Credo che dovresti essere in grado di impostare un font personalizzato senza un componente qui: admin/site_settings/category/all_results?filter=font

Se desideri una maggiore personalizzazione, credo che il componente del tema Google Fonts che hai collegato funzionerebbe. Tuttavia, il tema utilizza theme-settings e non un’impostazione del sito, credo.

Hai sollevato questo problema nell’argomento per quel componente del font?

[hequaye (Henry Herbert)]

Ciao a tutti, qualcuno può aiutarmi a cambiare le dimensioni e la “natura fissa” del colore di sfondo sul cellulare?

Il CSS per il cellulare è trasparente da parte mia. E ho solo bisogno di un po’ di guida per cambiare lo sfondo fisso per i colori di sfondo.

Se non mi sbaglio, c’è uno sfondo dell’intestazione e uno sfondo della pagina, corretto?

[jordan.vidrine]

Questo perché il tema e i suoi componenti inclusi sono piuttosto esigenti riguardo a come è impostato il sito.

Nell’OP ho condiviso che:

@jordan-vidrine

Categorie Moderne + Caselle Gruppo

Questo componente del tema richiede che le tue categorie utilizzino l’impostazione CASE PER CATEGORIE CON SOTTOCATEGORIE nella tua area /admin/site_settings/category/all_results?filter=categories.

Questo componente del tema consente inoltre all’amministratore del forum di organizzare la propria pagina delle categorie con titoli di intestazione e scegliere quali categorie appaiono sotto ciascuna intestazione. Per semplificare le cose, ho consentito l’uso di un massimo di 5 intestazioni. Se non vengono scelte impostazioni di categorie + intestazione, tutte le categorie verranno visualizzate come fanno sopra, questa è l’opzione di rendering predefinita.

[Nerd_Alert]

c’è un modo per rendere lo sfondo un’immagine? preferirei un’immagine ai colori. usando

body {
    background-image: url("url immagine qui");
    background-color: #cccccc;
}

rende la parte superiore del colore l’immagine, ma non la parte inferiore.

[jordan.vidrine]

Quello che hai fatto va bene per aggiungere l’immagine, ma vorrai anche rimuovere il tracciato di ritaglio che viene creato per dare quell’effetto di sovrapposizione.

html .background-container {
clip-path: unset;
}