How to change dark mode as default in mobile environment?

[SHC02]

Hello. First of all, much appreciate for great template. I changed the default page as dark mode in desktop, but it did not apply in mobile. What file should I modify to change the mobile environment?
Thank you.

[rohandebsarkar]

Change the following line

al-folio/assets/js/theme.js

Line 55 in f7274c0

if (userPref && userPref('(prefers-color-scheme: dark)').matches) {

to:
if ((userPref && userPref('(prefers-color-scheme: dark)').matches) || userPref('(max-width: 768px)').matches) {

This will set a default dark theme for mobile and tablet devices.

[SHC02]

Thank you so much!!

[SHC02]

I'm sorry. It did not work actually.

[rohandebsarkar]

There actually was a minor bug. This will be fixed in PR #697. Then this should work.

Another small adjustment, the new line should be:

if (userPref && (userPref('(prefers-color-scheme: dark)').matches || userPref('(max-width: 768px)').matches)) {

[niko-zvt]

@SHC02
Hello!
How did you set the default dark theme for desktops?

[adityajain93]

if (userPref && (userPref('(prefers-color-scheme: dark)').matches || userPref('(max-width: 768px)').matches || true)) {