diff --git a/public/matrix.html b/public/matrix.html
index 2272b32..7dbd7ea 100644
--- a/public/matrix.html
+++ b/public/matrix.html
@@ -159,8 +159,8 @@
   </article>
   <script>
     function toggle() {
-      document.body.classList.add('animation-ready');
-      document.body.classList.toggle('dark');
+      const isCurrentlyDark = document.body.classList.contains('dark');
+      applyTheme(!isCurrentlyDark);
     }
 
     document.addEventListener('keydown', function(event) {
@@ -173,7 +173,12 @@
     const btn = document.getElementById('lightswitch');
 
     const applyTheme = isDark => {
-      toggle();
+      document.body.classList.add('animation-ready');
+      if (isDark) {
+	document.body.classList.add('dark');
+      } else {
+	document.body.classList.remove('dark');
+      }
       btn.textContent = isDark
 	? '[lights on]'
 	: '[lights out]';