Alien Night Theme - A free Dark Theme for Discourse

I feared the theme might have issues with other components. I will check the versatile banners out. What exactly does not work?

That is new to me. Is this because of the versatile banners?

On what page is this? What are those icons all for?

Hello B-iggy!
Thanks for getting back to me. Just give me a while as I am pretty busy.
Thanks again.

Basically, it makes the orange image orange background dissapear and replaces it with white.

The tickbox seems to be for switching between light and dark theme. Not the slider as it shows in the theme.

It could be. I’m not sure, still looking at that

This would be the post badges theme component

great stuff. all modes looks great.

Hello @ondrej

thanks for the details.
I am afraid I couldn’t reproduce any of your reports

I tried all of your mentioned things and everything looks good for me.
Be it the post badges theme component

Be it the versatile banner

Or the Light <> Dark switch

Especially your checkbox for Light and Dark gives me the one and only conclusion:
you are using an outdated Browser (e.g. Internet Explorer 10), which I (won’t) don’t support. Is this right?

I’ve been toying with this for https://discuss.elastic.co but I can’t figure out how to get our default header icon, with black text, to swap to one with white text so it’s still readible.

I can see in the OP you’ve got that happening, and any advice you could give would be appreciated

Loving the theme, thank you! Is there a way to make the ‘light’ version as the default? Then users can choose the dark version if they want to?

The light version is exactly what i am looking for in colours etc so would prefer that as the default.

Thanks for your feedback guys. This week was very stressful but will work on your points on the weekend!

Hello @martinkerr
finally
I’ve released a new version where you can set what you want:

Hi, i am new to Discourse so not sure if this is a user error, but i am having issues editing the colours.

I copied the theme default dark colours and edited them to my own choices, thing is some colours changed and some did not?

See image for new colours and the actual change of colours in admin section, what colours worked can be seen at main site is talk.carptalk.com
Is it a user error or a bug?

When using the Alient Night theme and upgrading to a more recent Discourse release, I noticed the colors on the hamburger menu items was no longer visible.

Before upgrading, it was:

After upgrading, it was difficult to see use the menu:

Thanks for the info @ryanerwin

I released a patch. Can you update and let me know if it worked please?
If you check the preview, it is looking good for me.

Hello @bubblecatcher

yes, sorry for that. I hard coded some colors in my theme, since I didn’t know better 2 years ago.
I will rework that part for sure to make it more user friendly. See below.

A note to everyone who is using my theme:

Hard times are going on for me right now. If all works out, I have much more time in about one month again.
Over the time Discourse implemented fundamental changes to themes and how you can make one.
I classify my theme for now as “legacy”, so I really want to rework this one completely or release a brand new one - to be announced.

Yes. That fixed it for me. Looks great!
Amazingly fast turnaround! Thanks!!!

BTW, I noticed that text boxes don’t seem to change color whether in dark mode or light mode… The text boxes seem really bright in Dark mode…

When the /unread page is empty, it displays an explanation in the education class. I think that it is not being switched properly, so it shows as the primary colour even in dark mode.

Maybe this is one of those changes that came more recently?

Hi there

Please don’t ask me where the last 2 years went. Can’t believe it took me so long, sorry!

But here it is, release 4.0.0.

Note : with the release 4.0.0 I redesigned/refactored the theme from ground up. It’s more contrast friendly, it uses CSS variables and is overall more slick.

Again, with a Dark/Light toggle implemented. This time, for now, with help of an external component ( Dark/Light Mode Toggle )

See it in action:

More impressions:

P.S.: @awesomerobot your Google Import setting is still there and hopefully nothing broken

I can’t add components to this theme anymore.
Works fine with any other, but not this one. I couldn’t before this update either for that matter.

Thanks for any help

ho? Why that? Can you show a screenshot maybe?

It does not look like this for you?

I manage to add the theme components after disable the theme and activated it again.
This is how it looked after I enabled the component

And now after only refreshing the page the hamburger menu disappeared.

I’ve tried to disable and re-enable the component but now I can’t add it to the theme. Am clicking the green button but nothing happens.

Thanks for the screenshots!
Hmm, the first one is saying there is a javascript error I guess. Tried few combinations myself and couldn’t reproduce it for now.
Best to wait until the Dark-Light Toggle component is updated I think.

They have now updated the component. But I don’t think that solved the issue for me at least.

Thanks for the notice. Great it got updated

I updated my theme by removing my artificial sidebar to inject the component myself that way.
Please update your theme and install the component yourself to have a dark/light toggle
(couldn’t figure out yet how to pack theme components inside themes).

I don’t know if this will fix your issue. If not, there is something bigger wrong for you I think.

Discourse should be defaulted to this dark beautiful theme

How do I change the default font for this theme? I’m a newbie, please help me (for example, I want the default font to be Roboto - size 14)
Thanks !

You should follow this guide to change the font theme: https://meta.discourse.org/t/include-assets-e-g-images-fonts-in-themes-and-components/62459?u=twofoursixeight

this theme is very nice. when i added a component " Gated Topic Category"
in Gated Topic Category, i tired to add this theme Alien Night Theme, but i get an error

Thanks

It has pipe | in its name. Change it to hyphen - for example. I don’t know if comma , works either

Yes. that worked. i just changed to simple Alien Night
now works good