Google tag (gtag.js)
dark / light toggle btn
<style> #theme-toggle-btn { position: fixed; top: 20px; right: 20px; z-index: 9999; width: 50px; height: 50px; border-radius: 50%; border: none; background: #444; box-shadow: 0 4px 6px rgba(0,0,0,0.1); cursor: pointer; font-size: 24px; transition: 0.3s; display: flex; align-items: center; justify-content: center; padding: 0; } #theme-toggle-btn:hover { transform: scale(1.1); } #theme-toggle-btn.is-dark { background: #f0f0f0; } #theme-toggle-btn::after { content: '🌙'; } #theme-toggle-btn.is-dark::after { content: '☀️'; margin-top: 0; } </style> <button id="theme-toggle-btn" onclick="document.querySelectorAll('section').forEach(s=>s.classList.toggle('invert'));this.classList.toggle('is-dark')"> </button>