FriendsOfFlarum Night Mode

yardimlazim

[deleted] If I change the colors one by one Does it take a lot of time?

[deleted]

yardimlazim Yes, because you need to choose the colour scheme you want, and then set other colours to match it. It's not a simple task as I mentioned.

yardimlazim

I want to delete the selections of users who have previously selected a light or dark mode and make the theme setting "automatic" for all users as follows. Is this possible with a change in the database? Thanks.

FBioCS1

nice plugin
but after i switched the mode, it won't switch automatically with my iOS device, is it a bug?

phloo

Wasn't there a "dark" class when night mode is active?
Our custom css stopped working.

how to override now?

[deleted]

phloo in previous versions, yes. The latest version means you need to wrap your dark CSS classes in

body when (@config-dark-mode =true) { }

And obviously use the same but substitute true with false for light mode, so

body when (@config-dark-mode =false) { }

In addition, if you are using body.dark in any of the classes, you'll need to remove this

phloo

Thanks. This worked [deleted]

clarkwinkelmann

Kakifrucht see above ( [deleted] ) for a way to define your own dark vs light CSS. There's no real way of "detecting" it other than with Flarum's Less variables.

tipako

Just installed this plugin and love it - nice work.
I am using a "Colored header" and noticed that switching the theme also changes the text color on colored surfaces (like the colored header, the tags & the colored buttons). Wouldn't it make sense to keep the that color to white to ensure readability?
I've already skimmed through the last years comments on this thread but didn't see this question brought up yet.

Kakifrucht

Is there a way to query which mode is currently active from js?

Kakifrucht

clarkwinkelmann Ah alright, was hoping there was some API I could query or some other trick. Since the dark class has been removed I can't query that either. It's fine either way though, there are other ways to achieve what I'm trying to do.

MichaelBelgium

Would it be possible to inherit from OS dark mode/light mode setting? I don't think this extension can do that, automaticly sets Flarum dark mode when Android or Windows is set to dark mode also.

With css it's possible to use this media query

@media (prefers-color-scheme: dark) {

}

Ffuser1

MichaelBelgium
This would be nice.

clarkwinkelmann

Kakifrucht you mean from javascript? There is definitely a way to know which theme is enabled in javascript, someone might know the code.

therealsujitk

What's the difference between the switch and the Automatic option?

Screenshot

datitisev

therealsujitk Per-device settings means the value in that dropdown will be saved per device. In other words, you can choose "Automatic" on one device, "Light" on another, and "Dark" on the 3rd at the same time.

giter

body when (@config-dark-mode =true) { .footer{background: #15202b !important;} }
Why it does't work in my forum?

[deleted]

giter Why it does't work in my forum?

We'll need a bit more detail - what's the link to your website ?

giter

[deleted] I found body when (@config-dark-mode =true){xxx:xxx;} is not working in my forum, No matter what I type, CSS sitll non-working.

therealsujitk

datitisev Ahhh! makes sense. Thanks!

[deleted]

giter Yes, but I'll need the URL of your site to check 🙂

clarkwinkelmann

giter does the code work without the when statement? Did you clear the cache?

Why do you need body in the selector if you override specificity with !important anyway? I see you might have copied this from phenomlab's original code, but I'm assuming body is not required for it to work.

« Previous Page Next Page »