]> git.wh0rd.org - chrome-ext/web-power-switch.git/blobdiff - options.html
fix dark theme
[chrome-ext/web-power-switch.git] / options.html
index 2bc1f4a92cc32514369316aab76b65df993c2798..e672b76726a230d0171bb1bd7768b4f29e34319c 100644 (file)
@@ -1,28 +1,52 @@
-<!-- Written by Mike Frysinger <vapier@gmail.com>.  Released into the public domain.  Suck it. -->
+<!-- Written by Mike Frysinger <vapier@gmail.com>.  Released into the public domain. -->
 <!doctype html>
 <html>
 
 <head>
+<meta charset='utf-8'/>
 <title>Web Power Switch Manager Options</title>
 <script src='common.js'></script>
 <script src='options.js'></script>
+<style>
+body { padding: 0px; }
+button.selected { filter: invert(1); }
+</style>
 </head>
 
-<body background='images/outlet.svg'>
+<body>
 <table>
 <tr>
- <td>URL:</td><td><input type='text' id='url'></td>
+ <td>URL:</td>
+ <td><input type='text' id='url' size=40
+            autocapitalize='none' autocorrect='off' spellcheck='false'></td>
 </tr>
 <tr>
- <td>User:</td><td><input type='text' id='user'></td>
+ <td>User:</td>
+ <td><input type='text' id='user' size=40
+            autocapitalize='none' autocorrect='off' spellcheck='false'></td>
 </tr>
 <tr>
- <td>Pass:</td><td><input type='text' id='pass'></td>
+ <td>Pass:</td>
+ <td><input type='password' id='pass' size=30
+            autocapitalize='none' autocorrect='off' spellcheck='false'>&nbsp;<button id='show-pass'>👁</button></td>
 </tr>
 <tr>
- <td colspan=2 align=center><input type='button' id='save' value='Save'></td>
+ <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>
-<div id='msg'>You must hit "Save" the first time to authorize the client</div>
+
+<p style='text-align: center'>
+<input type='button' id='save' value='Save'>
+</p>
+<p style='text-align: center' id='msg'>
+You must hit "Save" the first time to authorize the client.
+</p>
+
 </body>
 </html>