Alien Night Theme - A free Dark Theme for Discourse

Tariq_Inam · December 25, 2019, 2:39pm

great stuff. all modes looks great.

B-iggy · December 25, 2019, 8:49pm

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?

Mark_Walkom · January 8, 2020, 1:52am

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

martinkerr · January 9, 2020, 12:33pm

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.

B-iggy · January 9, 2020, 12:56pm

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

B-iggy · March 31, 2020, 6:55am

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

bubblecatcher · May 26, 2020, 12:12pm

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?

ryanerwin · June 6, 2020, 3:53am

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:

B-iggy · June 6, 2020, 8:01am

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.

B-iggy · June 6, 2020, 8:05am

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.

B-iggy · June 6, 2020, 8:06am

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.

ryanerwin · June 6, 2020, 8:26am

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…

Dannii · July 4, 2021, 11:06pm

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?

B-iggy · November 30, 2022, 8:43am

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

jo-andre · November 30, 2022, 10:19am

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

B-iggy · November 30, 2022, 10:31am

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

It does not look like this for you?

jo-andre · November 30, 2022, 12:30pm

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.

B-iggy · November 30, 2022, 12:48pm

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.

jo-andre · December 7, 2022, 7:18pm

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

B-iggy · December 7, 2022, 7:39pm

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.