Run ❯
Get your
own
website
❯
Run Code
Ctrl+Alt+R
Change Orientation
Ctrl+Alt+O
Change Theme
Ctrl+Alt+D
Go to Spaces
Ctrl+Alt+P
HTML
CSS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css" type="text/css"> <script> const toggleTheme = () => { const root = document.documentElement; const next = root.dataset.theme === "dark" ? "light" : "dark"; root.dataset.theme = next; }; </script> </head> <body> <button onclick="toggleTheme()">Toggle theme</button> </body> </html>
:root { color-scheme: light dark; --surface: #ffffff; --text: #0f172a; } :root[data-theme="dark"] { --surface: #0f172a; --text: #e2e8f0; } body { margin: 0; background: var(--surface); color: var(--text); font-family: "Inter" , sans-serif; transition: background 0.3s ease, color 0.3s ease; min-height: 100vh; display: grid; place-items: center; } button { padding: 12px 24px; border-radius: 999px; border: none; background: #6366f1; color: #fff; font-weight: 600; cursor: pointer; }
