WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
mudança de luz
522
mambetov1237.b
Abrir no Editor
Publique Seu Código
Recomendado
3 March 2025
Site do sistema de registro de eventos HTML CSS
22 August 2025
Site do escritório de advocacia: Tailwind CSS, Serviços Jurídicos
17 July 2025
Página de login do CoffeeShop com efeito de vidro e Tailwind
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) */
