☁️ Discourse Air Theme

[Usman_Perwaiz]

Hi, @awesomerobot. Thank you for creating this theme! It is clean and lovely. I am wondering if we can remove the gradient from the banner. Is there a way in theme settings to do that?

[pierreozoux]

discourse/discourse-air/blob/main/LICENSE

[DeanGibbs]

I have same problem maybe it is solved already?

[ammar37 (Ammar Faris)]

I don’t think it has NOT been resolved yet

[JammyDodger]

That is an intentional thing. You should see a similar one here on Meta in the default Light theme too. It’s to show which topic you were last in, and then disappears once you swop pages/enter another topic.

It is likely that it can be hidden with a little CSS, but when I try and inspect it in my browser it disappears too quick for me to identify. I’ll see what I can find out.

[Don]

Hello @ammar37,

You can hide it with CSS.
Create a new component in admin and paste this in the CSS section:

.topic-list .main-link.focused {
  box-shadow: none;
}

[ammar37 (Ammar Faris)]

@JammyDodger

That is an intentional thing. You should see a similar one here on Meta in the default Light theme too. It’s to show which topic you were last in, and then disappears once you swop pages/enter another topic.

It is likely that it can be hidden with a little CSS, but when I try and inspect it in my browser it disappears too quick for me to identify. I’ll see what I can find out.

But the default light theme looks okay because it’s displaying the line at the far left edge of last-visited topic, as opposed to the Discourse Air Theme which is showing in between user avatar and topic text.

I was trying to identify the CSS too…

[ammar37 (Ammar Faris)]

@Don

Hello @ammar37,

You can hide it with CSS.
Create a new component in admin and paste this in the CSS section:

.topic-list .main-link.focused {
  box-shadow: none;
}

Thanks for your help. I tried adding the css into an existing component (which I use to modify css for this theme), the code unfortunately does not seem to work so far.

[EDIT] The code is working, I actually copied your older code (.topic-list .main-outlet.focused) instead of the latest one (.topic-list .main-link.focused)

Thank you so much. Appreciate your help @Don

[Don]

I tried it now with Discourse Air theme and it works fine for me.
Could you try add it again? I changed the code in the first few minutes maybe you was fast and copy the wrong one.

[ammar37 (Ammar Faris)]

@Don

I tried it now with Discourse Air theme and it works fine for me.
Could you try add it again? I changed the code in the first few minutes maybe you was fast and copy the wrong one.

Nice. It’s working great now… Yeah, I actually copied your old code (.topic-list .main-outlet.focused) instead of (.topic-list .main-link.focused)

Thank you so much. Appreciate your help

[Lachlan_Wintour]

Is it possible to change the colour of the dark mode background? I changed it using a different colour palette (as seen here).

But it is still the default blue in light mode.

Thanks in advance.

[darkpixlz]

Change your color scheme, the circle follows tertiary and tertiary=hover

[Idan]

is there an option for custom HTML to the head in this theme?

[Petr_Mindl]

@jordan-vidrine

I believe this is something worth adding into the theme. I will add some CSS for you to be able to select categories & latest as a category display setting, and the latest topics area will display below, like so:

Hello again @jordan-vidrine

Is it possible to make this section visible on mobile? Category boxes + Latest post below.

Thank you in advance.

[BaneWilliams]

Hey there,

I really would like to use this theme, but on the topics view user avatars are VERY pixellated. Is there any way to make it use a higher quality user avatar image?

[ChrisTucker]

The theme isn’t taking the light logo when I switch to light theming. It only retains the dark logo.

[jordan-vidrine]

The following merged PR fixes the issue with clicked topic list items & selected topic list item styling.

FIX: Adjust location of selected & focus styling of topic list items

[ChrisTucker]

The header text doesn’t contrast off of the background color. Probably a quick tweak of a class name somewhere is needed.

Here I’ve got the header text highlighted to bring it out. Otherwise it’d be completely hidden.

Otherwise, I love the theme!

[eiJil]

Thanks for this great theme! But I got one tiny problem here:

This is what the theme looks like once I logged in.

This is when I logged out.

It seems that the margins are different. I know nothing about web dev.

My phone is OnePlus 9 pro.

[jordan-vidrine]

Sorry about that! I believe this may have to do with the new sidebar we have enabled on meta. I have disabled this theme for selection on meta for now.