I have a Github Pages site which I made from scratch. I want to make themes that the user can choose from on the site with radio buttons. So, I made 2 different CSS Stylesheets called darkTheme.css and lightTheme.css. Normally if I had only one stylesheet, I could just link it normally in the head. In my case I have 2. I have two major questions.

```
<input name="theme" value="darkTheme" id="darkTheme" type="radio" checked/>
<p>Dark</p>
<br>
<input name="theme" value="darkTheme" id="darkTheme" type="radio" />
<p>Dark</p>

```

So, I want the theme to be dark if a variable called `theme = "dark";` also, theme becomes dark when the first radio button is checked. And then vise-versa.