diff --git a/tts.html b/tts.html
index 17fd6c3..8647e33 100644
--- a/tts.html
+++ b/tts.html
@@ -32,4 +32,16 @@
     </div>
   </body>
   <script src="./tts.js"></script>
+  <script>
+    $(document).ready ( function(){
+      if (window.matchMedia) {
+        if(window.matchMedia('(prefers-color-scheme: dark)').matches){
+          $('body').addClass('bg-dark');
+          $('p').addClass('text-light');
+          $('select').addClass('text-light');
+          $('span').addClass('text-light');
+        }
+      }
+    });
+    </script>
 </html>