Sun & moon icons behaviour

[MartinBulla]

In the older versions of al-folio, when the page was in the dark mode, the sun icon was displayed at the right of the nav-bar

and in the light mode, the moon icon was displayed.

In the current version, moon is displayed in a dark mode

upon clicking on it a weird icon appears

and only second click switches to the light mode, and there the sun (instead of a moon) icon appears.

a) Is this behaviour desired?
b) Where can I configure the initial behaviour from the older version, please?

[george-gca]

a) Yes. The half sun/moon icon means it gets the system theme from the user. Since there are now 3 options, it is displaying the currently selected one, not the other option as before.
b) Steps:

• delete this line
  

  al-folio/_includes/header.liquid

  Line 132 in 693c3be

  <i class="ti ti-sun-moon" id="light-toggle-system"></i>

• remove the system theme from the code in https://github.com/alshedivat/al-folio/blob/main/assets/js/theme.js

[MartinBulla]

Just to be sure, you mean to delete the system theme setting from:

Correct?

[george-gca]

There and here:

al-folio/assets/js/theme.js

Line 259 in 693c3be

themeSetting = "system";