popup: add automatic dark-mode support

[chrome-ext/web-power-switch.git] / popup.html
diff --git a/popup.html b/popup.html

index eb0dd4916969dcd2671d4cea1f3aab2bb3cbd729..37ea2a8f9af520789e770ccb017b1c18c2433af9 100644 (file)
--- a/popup.html
+++ b/popup.html
@@ -13,7 +13,7 @@ table#buttons {
         border-collapse: collapse;
  }
  body {
-       margin: 0px;
+       margin: 1px;
         padding: 0px;
         font-family: Arial, sans-serif;
         font-size: smaller;
@@ -25,6 +25,12 @@ div#status {
         white-space: nowrap;
  }
  </style>
+<style media='(prefers-color-scheme: dark)'>
+html {
+       background-color: black;
+       filter: invert(1);
+}
+</style>
  </head>
  
  <body>