[Improvement] Update the Dark Mode button content from text to icon about typing-test HOT 6 CLOSED

hey can give more info? What does it look like currently and what do you want it to look like?

from typing-test.

hey can give more info? What does it look like currently and what do you want it to look like?

Currently, the button look like

I want the button should be like below:

1. For light mode
   

2. For Dark mode
   

from typing-test.

I dont seem to find the button anywhere on the live website. Where it is?

from typing-test.

Hey @c00kie123 You can view the button of darkMode on all pages other than index.html

from typing-test.

@arpitghura hey i have solved this issue. Can you assign it to me. I'd like to make a pull request.

i added <i id="icon1" onlick="change('icon1')" onclick="toggleLightDarkMode()" class="bx bx-moon dark-btn" style="font-size: x-large;"></i> in practice.html.

similarly, I added <i id="icon1" onlick="change('icon1')" onclick="toggleLightDarkMode()" class="bx bx-moon dark-btn" style="font-size: x-large;"></i> to about and profile page also.

Then i added js to change the icon from moon to sun using
function change (iconID){ if(document.getElementById(iconID).className=="bx bx-moon dark-btn"){ document.getElementById(iconID).className = "bx bx-sun dark-btn"; } else{ document.getElementById(iconID).className = "bx bx-moon dark-btn"; } }

and called it whenever needed.

here is a video attached to show that its working:

from typing-test.

Hey @chikkibum Welcome to the community. You have done a good job. I will assigned the task to you. You can now create a PR.

from typing-test.