feat: allow selecting light/dark/follow themes in the webui

[Monirzadeh]

This PR try to fix #251 and some other fix

• fix warrning in login page
• Login page allways follow system settings theme
• have 3 option Follow system settings, Light , and dark theme
• hide old NightMode from settings and replace that with drop down menu
• fix bug that theme not apply if you select dark mode in browser
• content page follow same settings
• fix content page load-settings wrong syntax that block from load settings completely
• drop down menu follow theme color
• fix version number be always black in login page. now it follow the theme color

Closes #251
Closes #561

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 34.08%. Comparing base (47a0143) to head (168b669).

Additional details and impacted files

@@           Coverage Diff           @@
##           master     #924   +/-   ##
=======================================
  Coverage   34.08%   34.08%           
=======================================
  Files          60       60           
  Lines        4008     4008           
=======================================
  Hits         1366     1366           
  Misses       2420     2420           
  Partials      222      222           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[fmartingr]

Awesome as always! This is something I had on my radar for quite a while now since I depend a lot on my system switching themes depending on the hour of the day.

I've given this a quick look and left some comments around. Let me know what you think.

[Monirzadeh]

i don't know why but in some situation it need to refresh page. (when you set follow and system settings change i am not sure about best way to solve that or keep that as it is)

[fmartingr]

i don't know why but in some situation it need to refresh page.

hey I also forgot to send you this patch, I don't know how it will behave with the latest changes. It's a UI improvement to have the select at the right of the block.

Now that I see the screenshot maybe is weird having it on different positions as the checkboxes. Feel free to use it or not, we can address better UI changes in the future.

system-theme-justify.patch

[Monirzadeh]

@fmartingr What do you think?

• ignore dark layer that you see in light them*/

Current

Empty Space (need adjust currently get fix size)

icon (any other icon suggestion?)

[fmartingr]

@fmartingr What do you think?

You have worked on this so I'll let you decide :)

[Monirzadeh]

I personaly like the simplicity of the current setup. Maybe change that later.

[fmartingr]

Can you check if with your changes you also solved #561?

[Monirzadeh]

No. it is not solve the problem and i can't find a clean solution for that yet.
the problem is that we try to update variable or element that not load yet. we can do some tricks like that done on that PR but i can't finding solution that convince me yet.

[fmartingr]

Great work @Monirzadeh 👏 I have been wanting this for quite some time.

I've left some comments of code parts I think are not in use, can you confirm?