☁️ Discourse Air Theme

A post was merged into an existing topic: Dark / Light mode toggle component

Thank you !

Hello, how do I install this theme, what is the name of the theme?

At the very bottom of the first post of this topic is a table showing this information. This was probably not easily seen as there are a good bit of steps to set this theme up correctly. Please read through the first post, as well as the links for installing a theme and let us know if you encounter any issues :+1:

1 Like

any idea how to change this font color as we create a component for that ? this issue only in mobile …so component can be only for mobile design

search button

footer search

1 Like

Hmm :thinking: , it’s hard to tell from your screenshot what page you are on, or what specific font you are referring to. In the image you have shared there are 4 or more different text items that could possible be customized.

You seem to be interested in customizing a good bit of Discourse for yourself, which is awesome :raised_hands:

I would suggest to read through the following topics to get a better sense of how to customize the look and feel of your site :+1:

As well as these:

Designer’s Guide to Discourse Themes

Developer’s guide to Discourse Themes

1 Like

Jordan, i see your above and last messages is all mention to read more, i understand that and i respect it, but please note i’m not designer and i spend almost a week customize the theme with my basic knowledge… and i’m not a rich to spend $500 customize on my “not profit community”.

so consider assist us in this will be apprecaite it not for me, for other user community who will definitely like your theme with them basic knowledge in customization.

The best thing about Discourse is while there is of course a learning curve (as with anything technical these days), you are highly capable of being able to customize the things you wish to customize. I promise!

We write these topics to help our community to learn how to do things on their own, and sometimes when things get a little too difficult, we are always here to help.

That being said, the help you are asking for can definitely be attained by reading through the topics I linked earlier!


Is it possible to bring back the number of views alongside latest activity and number of responses?


You should be able to do so in a theme component. I’m not at a computer right now, but I’d you inspect the topic list element with a browser inspector like chrome, you should be able to see which rows have been hidden with css. You can then target those rows to make them visible with a custom theme component.


Hi, I use Air Theme with Topic List Thumbnails Theme Component - theme - Discourse Meta theme component grid mode. However, the topic arrangement is different grid view from other theme did.
for example,

other theme with the component,

Is it a issue or is there any suggested theme component to show the thumbnail of topic?

1 Like

Can you try the list mode instead? The air theme customizes the topic list, as does the thumbnails theme component, so the two will not interact together very well.

1 Like

Thanks, I try the list mode with air theme.
It looks good with list mode


Is there a way to make the theme use higher resolution profile pictures on the category view? The images appear very fuzzy, and I would like to avoid just directly changing the theme, so I can receive updates.

1 Like

That is a good question, I will look into this :+1:


Thanks for the theme! There’s a subtle mobile issue I’ve noticed. It could be due to a change in the discourse source. I say this because the issue is present on my site (and the theme-creator.io) however it does not seem to be present on the test site linked in the OP

It’s a formatting issue on the topic list. I’ve highlighted a few issues.

  1. vertical alignment of title and postcount (red)
  2. gap between date and bottom of the element (green)
  3. horizontal gap between avatar and left side (blue)
  4. misaligment of dates (yellow) and postcount sometimes (not shown)
  5. forgot to annotate it, but the content sometimes spills over onto the post count number



I wanted to highlight the difference between topic-list-data in the inspector.

Hope the issue is clear. Thanks again


@jordan-vidrine I am still experiencing this issue. I have made sure to update the dark-light-toggle component. Any ideas?

1 Like

Are you referring to the dark / light logo issue?

1 Like

Yup, the light mode does not use the correct image @jordan-vidrine


Hi @jordan-vidrine and contributors of this theme, would like to say thank you so much for such an amazing and modern theme!

I realised that there is a line on the topic summary card (for a particular topic), after clicking the topic and hitting the back button from the browser, is this intentional? it disappears if we refresh the browser.

How do I remove it (is it coming from the styling of one of the CSS pseudo-classes?)

Thank you.