add dark/light themes

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

index 1ea430acf656b5ed1f17f65976aa15cbb2414e40..e672b76726a230d0171bb1bd7768b4f29e34319c 100644 (file)
--- a/options.html
+++ b/options.html
@@ -7,7 +7,10 @@
  <title>Web Power Switch Manager Options</title>
  <script src='common.js'></script>
  <script src='options.js'></script>
-<style>body { padding: 0px; }</style>
+<style>
+body { padding: 0px; }
+button.selected { filter: invert(1); }
+</style>
  </head>
  
  <body>
@@ -27,6 +30,15 @@
   <td><input type='password' id='pass' size=30
              autocapitalize='none' autocorrect='off' spellcheck='false'>&nbsp;<button id='show-pass'>👁</button></td>
  </tr>
+<tr>
+ <td>Theme:</td>
+ <td>
+  <input type='text' id='theme' hidden>
+  <button id='theme-light'>Light</button>
+  <button id='theme-system'>System</button>
+  <button id='theme-dark'>Dark</button>
+ </td>
+</tr>
  </table>
  
  <p style='text-align: center'>