FriendsOfFlarum Night Mode

phloo

Thanks. This worked [deleted]

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?

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.

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.

ekrm

Hello, I wonder if we can leave this to your follow-up and preference? It would be nice to have a button to the right of the search box.

tolgaaaltas

ekrm How many times do you switch between day and night? You usually set it once and leave it. Therefore, it doesn't need to be visible all the time.

[deleted]

I think I may have found a bug. If you set the global settings to per device, then reload, you land up with a strange hybrid of the light and dark theme which obviously isn't right.

I've confirmed the same bug with @Gatsu

pupsik

[deleted] same here. It becomes kinda random.

[deleted]

pupsik thanks.

« Previous Page Next Page »