add MVP theme picker to index page

1 files changed, 28 insertions, 0 deletions

diff --git a/html/index.html b/html/index.html
index 039056c..bc738be 100755
--- a/html/index.html
+++ b/html/index.html
@@ -62,3 +62,31 @@
 </section>
 <div style=text-align:center>⋁/⋀</div>
 </footer>
+
+<!-- temporary color picker
+	TODO: generate the color pickers automatically
+	TODO: effect on hover
+	TODO: try radio buttons
+	TODO: try buttons
+	TODO: screen reader accessibility
+-->
+<style>
+.color-picker-container {
+	position: fixed;
+	left: 0;
+	top: 30%;
+}
+
+.color-picker {
+	width: 1rem;
+	height: 1rem;
+	border: 1px solid;
+	margin: 2px;
+	color: var(--fg);
+	background: var(--bg);
+}
+</style>
+<div class=color-picker-container>
+	<div class="green color-picker" onclick=set_theme('green')></div>
+	<div class="purple color-picker" onclick=set_theme('purple')></div>
+</div>