]> git.wh0rd.org - chrome-ext/web-power-switch.git/blobdiff - options.html
fix dark theme
[chrome-ext/web-power-switch.git] / options.html
index f9cac46f4ceeefcbcceaab0aa20421d59fd37997..e672b76726a230d0171bb1bd7768b4f29e34319c 100644 (file)
@@ -1,24 +1,43 @@
-<!-- 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; }</style>
+<style>
+body { padding: 0px; }
+button.selected { filter: invert(1); }
+</style>
 </head>
 
 <body>
 <table>
 <tr>
- <td>URL:</td><td><input type='text' id='url' size=40></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' size=40></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' size=40></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>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>