css in html,javascript - Reference in html/css - Stack Overflow

I am wondering how you can reference a particular folder/file in HTML so that it goes through the CSS, js, and HTML.

Basically, I have this code:

I have a folder called Darkmode and inside that folder, I have darkmode.html, css, and js

I am using this as a subsite for my main site. For example, I have my main website, and inside that, I want to refer to the Darkmode files so that when I click the toggle button (I have that already) in my website, the site switches to the Darkmode.

Problem: How can I refer to all the Darkmode files at once so it refers to the HTML, css, and also the js.

If I change location.href='Darkmode'; to location.href='darkmode.html';, it only refers to the HTML and not the css of it neither the js. Is there a way, I can refer to all those files at once so the computer runs through the css, js and the HTML of the Darkmode?