diff --git a/index.html b/index.html
index 01a148d0..46b8f858 100644
--- a/index.html
+++ b/index.html
@@ -33,6 +33,7 @@
       name="twitter:image"
       content="https://esphome.github.io/esp-web-tools/static/social.png"
     />
+    <meta name="color-scheme" content="dark light">
     <style>
       body {
         font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",