Where is my The Darkness?


#1

I was very happy to see Discourse ironing out dark themes by switching meta’s theme to THE DARKNESS.

I thought that the darkness would be automatically added to my Admin > Customize > Colors > Color Schemes menu and I’d be able to just apply that theme directly to my discourse, but upon doing an update, that assumption appears to be incorrect.

Doing some research, there apparently isn’t a way to share/copy themes from one discourse site (like meta) to another (like mine).

So, my question is: is there a way to apply meta’s dark theme to my site? Am I missing something obvious? Do I have to manually fiddle with the colors in a new color scheme? If so, is there a place that lists the colors you guys used for the darkness? Was there any custom css that I’d need to add?


(Régis Hanol) #2

Here are the colors we used. That’s pretty much all you need :wink:


#3

Thanks so much! I guess I should have known it would be that easy.

I know a lot of you guys hated the darkness, but as somebody who does a lot of computing in a dark room, my eyes thank you.


(Mauricio Navarro Miranda) #4

¡Hola!

I think there is a difference between Dark theme, Simple Dark color scheme that now comes with discourse and the ones that are being used here in meta.

Can we somewhat get a copy (or the settings specification) to have meta’s dark theme replicated on self hosted discourse installations?

For instance, there is a difference on top menu buttons color. There is also some cool effect on top-left logos.

¡Gracias!


(Mauricio Navarro Miranda) #5

Firefox Developer Tools report this CSS being applied to top-left logo, and it seems to work. Not sure if there is anything else that is missing.

.logo-small {
    filter: drop-shadow(1px 1px 1px #ddd) drop-shadow(-1px 1px 1px #ddd) drop-shadow(1px -1px 1px #ddd) drop-shadow(-1px -1px 1px #ddd);
}

.logo-big {
    filter: drop-shadow(1px 1px 1px #ddd) drop-shadow(-1px 1px 1px #ddd) drop-shadow(1px -1px 1px #ddd) drop-shadow(-1px -1px 1px #ddd);
}