diff --git a/website/index.html b/website/index.html
index 4ca2d295..35ff8e96 100644
--- a/website/index.html
+++ b/website/index.html
@@ -52,9 +52,9 @@
                 <a href="/docs/index.html" class="global-nav__link">Docs</a>
             </nav>
             <div class="global-header__actions">
-                <button onclick="toggleDarkMode()" class="global-dark-toggle" title="Toggle dark mode">
-                    <span id="darkModeEmoji">🌙</span>
-                    <span id="darkModeText">Dark</span>
+                <button class="global-dark-toggle" data-role="global-theme-toggle" title="Toggle dark mode">
+                    <span class="global-dark-toggle__emoji">🌙</span>
+                    <span class="global-dark-toggle__text">Dark</span>
                 </button>
                 </div>
         </div>