How to toggle between two css files using js or jquery?

Question

I have 2 css files for light mode & dark mode of the website
light.css & dark.css in the same directory.

<nav class="nav-menu">
      <ul>
        <li class="active"><a href="#intro"><i class="bx bx-home"></i> <span>Home</span></a></li>
        <li><a href="#button"><i class="bx bx-button"></i> <span>Toggle</span></a></li>
      </ul>
    </nav>

I have already integrated the light mode css file in the HTML. How can I use the

<li><a href="#button"><i class="bx bx-button"></i> <span>Toggle</span></a></li>

toggle icon to switch to dark mode css file in my website ?

or this will help you - stackoverflow.com/questions/5680657/adding-css-file-with-jquery/… — s.kuznetsov
– s.kuznetsov, Commented Aug 23, 2020 at 16:40
@Tawsif I want to toggle between my lightmode & darkmode for my website when I click using the toggle icon. I have created separate css files for both modes. Now I want to just click on the toggle icon so that my website becomes dark mode. — V_ Srj
– V_ Srj, Commented Aug 24, 2020 at 10:32
@sergeykuznetsov I want to toggle between my lightmode & darkmode for my website when I click using the toggle icon. I have created separate css files for both modes. Now I want to just click on the toggle icon so that my website becomes dark mode. I feel the following does not align well with my doubt . — V_ Srj
– V_ Srj, Commented Aug 24, 2020 at 10:33

John · Accepted Answer · 2020-08-23 19:18:09Z

0

Add a specific id for the css link and change the value of the attribute href when trigger your selected button using javascript/jQuery.

answered Aug 23, 2020 at 19:18

John

738 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to toggle between two css files using js or jquery?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related