Freescout: Darkmode

[joris85]

Hi guys,

I have created a module Darkmode.
That only adds a switch to add darkmode class to the body.
I add some css to the customization app and when i switch tadaa :-)
https://www.dropbox.com/s/mfat3ts2p04i30h/Schermafbeelding%202021-02-24%20om%2021.15.23.png?dl=0

Are you guys interested in this module and/or my css for this?

Only little thing is it works with a cookie so on switching just a millisecond it can gives a light theme. A good new feature would be to have that setting in the user profile :-)
On, Off, Auto (reacts on machine settings)

[diguinho2018]

Good one @joris85!
Would be great if you could share it.

[joris85]

This is the addon:
https://www.dropbox.com/s/zwckmag41dhpn5n/Darkmode.zip?dl=0

CSS (not perfect yet, first version to just have darker screen):
https://www.dropbox.com/s/57dfo46plngha0q/darkmode.css?dl=0

You should install it trough ftp i think... (i am not a programmer, my hired (Dutch) programmer build it) :-D

So if anybody has better css of a way to make it better your welcome to change and send updates.
This is just a fast fix to have darkmode active.

I could put it on Github but thats not my expertise.
So if somebody is in to that please do.

[diguinho2018]

Thank you @joris85!
Just tested and it worked!
Once I have time I'll check other css classes to improve your work, good one!

[joris85]

Great to hear it worked!
And if you have css improvements they are welcome.

@freescout-helpdesk feel free to use this addon in your addon section.
I can imagine that it can be upgraded to just some color settings in the addon because i only use 4 colors i think :-D

[freescout-helpdesk]

Attaching Darkmode Module here.

Darkmode.zip

[wauwturrr]

Hi Joris,

At my side it looks like it's not working.
When switching to the dark mode, nothing seem to happen.

Already cleared cache etc.

[joris85]

@wauwturrr did you bought and installed the customization module and added the css?

the only thing this module does is adding a class to the body (or remove it). Nothing more.

so the styles need to be added in the customization module in the css section.
Styles you can find here:
https://www.dropbox.com/s/57dfo46plngha0q/darkmode.css?dl=0

[diguinho2018]

Instead of adding the CSS in the customization module, wouldn't it be possible to add the CSS to style.css that already exists inside the Darkmode module? I think that would work too.

[distresscode]

Thank you so much @joris85 It works great. I'll share my version of the css code once I tweak the colors a bit. I prefer dark blue over black and green/blue over the red. Finally, now we don't have to go blind. Thanks again!

Edit: @diguinho2018 Yes, it works if you add the css code to the darkmode module too. Add the code to the stylesheet in the following path (Darkmode\Public\css\darkmode.css)

[distresscode]

Here's my version of the CSS code. It's a Blue with Green accent theme.

https://paste.cloudron.io/ecabakosum.css

To use, replace the code in darkmode.css with the code in the pastebin.

[wauwturrr]

Here's my version of @distresscode his version 🤓 Tweaked it a bit, fixed a litte bug on the mailbox-page
Also changed the green to a blue tint, i like it a bit more then :)

https://paste.cloudron.io/agafahayuf.css