popup.html

   1 <!-- Written by Mike Frysinger <vapier@gmail.com>.  Released into the public domain. -->
   2 <!doctype html>
   3 <html>
   4
   5 <head>
   6 <meta charset='utf-8'/>
   7 <title>Web Power Switch Manager</title>
   8
   9 <link rel='stylesheet' href='css/dark.css' media='(prefers-color-scheme: dark)'/>
  10 <link rel='stylesheet' href='css/light.css' media='(prefers-color-scheme: light), (prefers-color-scheme: no-preference)'/>
  11 <!-- Load theme override asap to help with initial loading/flashing. -->
  12 <link rel='stylesheet' href='' id='theme-override'/>
  13 <script src='theme-init.js'></script>
  14
  15 <script src='common.js'></script>
  16 <script src='popup.js'></script>
  17 <style>
  18 button[name="theme"]::before {
  19         content: var(--theme-text);
  20         font-size: smaller;
  21         font-weight: bold;
  22 }
  23 button[name="theme"] {
  24         float: right;
  25 }
  26 table#buttons {
  27         margin: 0px;
  28         padding: 0px;
  29         border-collapse: collapse;
  30 }
  31 body {
  32         background-color: var(--body-color);
  33         filter: var(--body-filter);
  34         margin: 1px;
  35         padding: 0px;
  36         font-family: Arial, sans-serif;
  37         font-size: smaller;
  38 }
  39 td {
  40         white-space: nowrap;
  41 }
  42 div#status {
  43         white-space: nowrap;
  44 }
  45 </style>
  46 </head>
  47
  48 <body>
  49 <div id='status'>Loading...</div>
  50 <table id='buttons'></table>
  51 </body>
  52 </html>