Force/use Night mode plugin by psyckobunny by default

DownPW

Re: Dark/night Mode to ignore or add Less CSS on admin Dashboard

Hello everyone, hello @psychobunny @psychobunny-0

I installed the psychobunny/nodebb-plugin-night-mode plugin and my custom CSS works great.

My question is that I would like to know if it was possible to force the activation of night mode for all users by default, while leaving them the possibility to switch to the default theme.

thanks in advance

dunlix

@downpw go to the plugins source code and copy it’s CSS Into your NodeBB admin panel’s custom css section

DownPW

doesn't work @dunlix

Javascript maybe
JS code when i Click on Icon Dark mode maybe

or force body lights-out by default

EDIT:

I have CUSTOM CSS code for white theme and dark theme.

DownPW

@dunlix

here the JS CODE:

"use strict";

$(document).ready(function () {
	var panel = $('<li class="lights-out"><a title="Dark Theme" href="#"><i class="fa fa-fw fa-lightbulb-o"></i><span class="visible-xs-inline">Dark Theme</span></a></li>');

	$('ul#logged-in-menu').prepend(panel);
	$('ul#logged-out-menu').prepend(panel);

	if (utils.findBootstrapEnvironment() === 'xs') {
		$('#menu').prepend(panel);
	}

	var enabled = localStorage.getItem('user:theme') === 'lights-out';
	$('body').toggleClass('lights-out', enabled);

	panel.on('click', function () {
		enabled = !$('body').hasClass('lights-out');
		$('body').toggleClass('lights-out', enabled);
		localStorage.setItem('user:theme', enabled ? 'lights-out' : '');
	});

	panel.find('a').tooltip({
		placement: 'bottom',
		title: 'Dark Theme',
	});
});

DownPW

UP ?
Nothing ?

dunlix

@downpw by source code I mean the plugins code in GitHub. The css is somewhere there.
https://github.com/psychobunny/nodebb-plugin-night-mode/blob/master/static/style.less