FriendsOfFlarum Night Mode

tankerkiller125

010101 I think this dark/night mode stuff should be time based...

Fun fact Android can do this in version 10/11 I believe. Also as noted by @datitisev this extension does in fact give the user power over it via the drop down.

Kylo

datitisev I don't think the site should be screaming the fact that you can enable/disable a dark theme - that seems to obnoxious.

Well it's an opinion. I was thinking about this sometime in the past and ended up adding sun/moon icons right next to the notification bell icon (this is not a suggestion btw).

Gatsu

Dark mode works perfectly with chrome desktop mode.
But if I go with chrome mobile (android) dark mode is not complete, the background below remains white

iwoow

When I switch to night mode, I want the body tag to change from <body class="no-touch"> to this: <body class="no-touch dark">
Because I find it easier to customize the night mode css this way.
How should I modify the plugin code? Which file to modify?
Thank you.

iwoow

danielunited
Yes, yes, I hope so too.

iwoow

em... I executed this：composer require fof/nightmode:^0.4.0

010101

datitisev Are you suggesting some feature here? Users can override the forum's selected color scheme (through extension settings) by going to their settings page or clicking on the day/night mode button in the session dropdown.

No feature suggestion. I did not have the latest version installed where you now have an admin setting to turn off automatic based on device settings mode. So, I’m good now.

datitisev

iwoow I will not be adding the .dark class back, and we won't give support if you're using an earlier version (I see you installed ^0.4.0, so this is why I'm saying this).

You can customize the styles for light mode & dark mode separately by either using the Flarum CSS variables @ https://github.com/flarum/core/blob/v0.1.0-beta.13/less/common/variables.less like background-color: @body-bg or following the code shown by me (datitisev) and Operator (Operator)

ctml

Is it possible to use a different forum logo with dark mode toggled on? I have black in my logo and it is understandably very difficult to see/read with dark mode enabled. I saw this in another thread but automatic day/night mode based on time of day would be a cool feature! Great work here btw!

MartinJD

ctml i would also really like a way to change forum logo for light and dark if possible please...

datitisev

ctml MartinJD What you could do is use a background image through CSS instead of the actual logo. through the Flarum admin. Then you can check the @config-dark-mode variable and change the value of either a variable with the URL or the CSS itself for the logo.

TeddHUN

I installed the Extension but i got server error 🙁

datitisev

TeddHUN Are you on beta 14? This extension is not yet compatible with beta 14.

TeddHUN

@datitisev I don't know, i followed the Install document.
composer create-project flarum/flarum . --stability=beta
Maybe

EvilExecutor

Yeah so if you installed recently means after 20th you have to wait for the extension to be updated.

That command usually installs the latest version.

TeddHUN

And somehow can i change my installed version? 😀

EvilExecutor

I'm not sure about it. You gotta wait for someone who knows better.

huuduy216

TeddHUN if that's your core the easiest way to use beta 14 is to probably set up everything again, making sure you choose beta 13 this time

karaok

0.6.0

beta 14 ready 🥳

Communitybuilder

karaok When I see a post from karaok I'm super happy, crying of joy in my mind xD.
But lately he delivers so frequently that I only "like" the post & don't reply because I'm scared to get warned or banned for "flooding" ( 😆 😅 ❤️ ) / or at least i try to reply less 🤣

Instructions to install Night Mode by FriendsOfFlarum for Beta 14:

composer require fof/nightmode
php flarum cache:clear

« Previous Page Next Page »