New Themes and Stylesheets

Hi!

As you might have noticed, the site’s logo suddenly changed. And there’s a site announcement pointing you to this topic. So what gives, you might be asking? Well, two things:

From now on, when selecting a theme, you’ll have an option to choose between “light” and “dark” appearance, and then select the theme color independent of your main theme choice. Go to Settings -> Display and check it out!

We have ditched SASS/SCSS, a stylesheet processing engine we have used since the site’s inception, because its developers have made really questionable software design choices which have completely broken the way our themes worked. As such, we have replaced it with PostCSS (which is just plain normal CSS with some fancy schmancy preprocessing features). And as a consequence to that, we have switched to using CSS3 custom properties (variables) instead of SCSS variables. This has allowed us to compile the main site stylesheet once, and then just ship smaller, easier to compile “color packs” for the themes. Hence why we were able to so easily introduce 15 new themes to you!

Tell us about it here please! We’ll get to fixing it as soon as possible!

We needed a simpler logo to be able to recolor it for every theme via site code. Sorry.

Soon™

Годнота

@Princess Celestia
Nice!

Honestly, the new logo is only SLIGHTLY different from the old one.

That’s the kind of logo change I like: one that doesn’t completely change it and instead just improves on what was already there.

I don’t know why anyone would hate it, lol.

Вау. Всего-то 10 лет прошло. Не верится, что мы дождались :)

@Clever Clovers
Same!
👍

@Background Pony #C215
@Background Pony #880B
You realize that we see your IP, right :p

Don’t sockpuppet, please.

Nice!

The green theme, both light and dark, looks very alluring. So alluring in fact, that after 13 years, I’m seriously considering abandoning moving away from Trixie Blue (what did you do to me?). Actually all those color variants look really nice.

@JP
Same here. I like the Green Dark theme for reasons you can probably tell just by looking at my profile pic, lol.

@Princess Celestia
I don’t speak Russian, but I didn’t know I have the same ip.
Sorry for sockpuppeting.

@Background Pony #0897
Sorry, meant the other russian anon. You’re good, love ya.

loving the dark purple theme! new logo looks great!! <3

@Princess Celestia
Ahh, thanks.

Well, time to see what broke in my userstyles.

…LOL, actually, it seems like what broke was I had a userscript that fetched colors and assigned them as CSS custom properties, and it just happened that I’d chosen variable names that ended up the same as the ones the new site code uses. What are the chances? actually not that unlikely because they were extremely simple and direct things like --input-border and --header-color

@Princess Celestia
Ладно, больше не буду. Прости, пожалуйста <3 Ну, может, чуть-чуть буду :p
Я ведь без сарказма. Правда ведь, наконец, че-то годное замутили. От души спасибо за темы :)

@Background Pony #C215
You’re welcome :p

@Clever Clovers
Genuinely would not have even known the logo had changed without the announcement. That’s how subtle it is.

Ждëм возможность изменить расцветку стиля по RGB.

@Agent00K0T
That’s not coming, because due to certain security policies we cannot allow style= properties, and we don’t wanna dynamically generate you a .css file due to caching. It might be a thing if we ever change the frontend to be entirely single-page-application (React).

Cute 💛

the dark/grey theme isn’t dark enough for me, gimme black >:C

It is moderately funny that in the dark red theme, the site icon is not yellow

@Princess Celestia
I’ll… Try to pretend that I understand you…

@Background Pony #894B
I know. That’s what I like about it.

And the fact it now changes colors based on the theme you’re using is nice, too.