-<!-- 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'> <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>