Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
<!-- Light/Dark Mode Toggle -->
<button onclick="toggleTheme()" id="themeToggle">Toggle Theme</button>
<style>
body.light-mode {
background-color: #ffffff;
color: #000000;
}
body.dark-mode {
background-color: #121212;
color: #ffffff;
}
#themeToggle {
position: fixed;
top: 1rem;
right: 1rem;
padding: 0.5rem 1rem;
z-index: 1000;
cursor: pointer;
}
</style>
<script>
function toggleTheme() {
const body = document.body;
if (body.classList.contains('dark-mode')) {
body.classList.remove('dark-mode');
body.classList.add('light-mode');
localStorage.setItem('theme', 'light-mode');
} else {
body.classList.remove('light-mode');
body.classList.add('dark-mode');
localStorage.setItem('theme', 'dark-mode');
}
}
// Load saved theme on page load
(function () {
const savedTheme = localStorage.getItem('theme') || 'light-mode';
document.body.classList.add(savedTheme);
})();
</script>
Hi, this is a comment.
To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.
Commenter avatars come from Gravatar.