4.0 Dark Mode

[Stuartemk]

Steps to reproduce the issue

Is there a way that the Casiopea template integrates by default a dark mode as well as its corresponding switch for users from the frontend?

Expected result

Actual result

System information (as much as possible)

Additional comments

[dgrammatiko]

You will be able to do that once cassiopeia transitions to the new template mode (child templates) with a simple override using https://github.com/vinorodrigues/bootstrap-dark-5 instead of the default bootstrap

[Stuartemk]

You will be able to do that once cassiopeia transitions to the new template mode (child templates) with a simple override using https://github.com/vinorodrigues/bootstrap-dark-5 instead of the default bootstrap

This is excellent news! Only what is not resolved is a togle or switch so that the user can change the template or mode from the frontend. Thank you very much @dgrammatiko

[dgrammatiko]

@Stuartemk there are plenty such switchers: https://github.com/dgrammatiko/dark-switch, https://github.com/GoogleChromeLabs/dark-mode-toggle/blob/master/src/dark-mode-toggle.mjs You only have to copy the switch to the child template and edit the HTML to include it, pretty straight forward

[universewrld]

@Stuartemk I wrote about this earlier - #26772