Skocz do zawartości
Pecetowicz Forum komputerowe

Dark Mode Toggle Script doesn't work in mobilenavbar | IPS Community


Rekomendowane odpowiedzi

Hi guys. When I put these code in Userbar file for Dark Mode, everything works good, but when I put in mobilenavbar it doesn't work.

What's the problem? I use these code to make dark mode:

<label  class = "daa"  for = "checkbox" > 
	<input  class = "l"  type = "checkbox" ></label> 
        <script> 
const  toggleSwitch  =  document . querySelector ( '.daa input[type="checkbox"]' ); 
const  currentTheme  =  localStorage . getItem ( 'theme' ); 

if  ( currentTheme )  { 
    document . documentElement . setAttribute ( 'dark-mode' ,  currentTheme ); 
  
    if  ( currentTheme  ===  'night' )  { 
        toggleSwitch . checked  =  true ; 
    } 
} 
function  switchTheme ( e )  { 
    if  ( e . target . checked )  { 
        document . documentElement . setAttribute ( 'dark-mode' ,  'night' ); 
        localStorage . setItem ( 'theme' ,  'night' ); 
    } 
    else  {         document . documentElement . setAttribute ( 'dark-mode' ,  'light' ); 
          localStorage . setItem ( 'theme' ,  'light' ); 
    }     
} 
toggleSwitch . addEventListener ( 'change' ,  switchTheme ,  false ); 
</script> 
Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Założyciel

Add script tag to globalTemplate and label to mobilenavbar.

Odnośnik do odpowiedzi
Udostępnij na innych stronach
11 hours ago, SeNioR said:

Add script tag to globalTemplate and label to mobilenavbar.

I did this method too, but it still did not work!

***************

note: When I put the codes into mobilenavbar and delete the codes from userbar everything good works.

I got confused...:bezradny:

Odnośnik do odpowiedzi
Udostępnij na innych stronach

If I’m correct, you don’t have license and you already tried to get help with  dark/light style via contact on my forum? I am  in the position to share the code and files free of charge with you ( even modify your theme) but in this case can’t help you. Sorry and good luck.

Odnośnik do odpowiedzi
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
×
×
  • Dodaj nową pozycję...