WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
changing light
525
mambetov1237.b
Open In Editor
Publish Your Code
Recommended
9 September 2024
Glowing Light Login Form
19 March 2025
Pure CSS3 Star Wars Lightsaber Checkboxes
HTML
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <link rel="stylesheet" href="./stil.css" /> </head> <body> <button id="theme-toggle">press me</button> <script src="./script.js"></script> </body> </html><!-- Replace with your HTML Code (Leave empty if not needed) -->
CSS
Copy
body { background-color: white; color: black; transition: background-color 0.3s ease, color 0.3s ease; display: flex; align-items: center; justify-content: center; margin: 250px; } body.dark-mode { background-color: blue; color: white; }<!-- Replace with your HTML Code (Leave empty if not needed) -->
JS
Copy
const toggleButton = document.getElementById("theme-toggle"); toggleButton.addEventListener("click", () => { document.body.classList.toggle("dark-mode"); });/* Replace with your JS Code (Leave empty if not needed) */
