theme-test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Theme Switcher</title>
    <link id="theme-style" rel="stylesheet" href="/style.css"> <!-- Default theme with absolute path -->
    <script src="/theme-toggle.js" defer></script> <!-- Link to external JS file with absolute path -->
</head>
<body>
    <h1>Welcome to My Website</h1>
    <p>Select a theme:</p>
    <select id="theme-selector">
        <option value="style.css">Light Theme</option>
        <option value="dark.css">Dark Theme</option>
        <option value="theme3.css">Matrix Theme</option>
        <option value="theme4.css">Future Theme</option>
        <option value="theme4.css">Blue Theme</option>
    </select>
</body>
</html>