diff --git a/web/src/templates/base.html b/web/src/templates/base.html
index 360c6c7..aa9fbbd 100644
--- a/web/src/templates/base.html
+++ b/web/src/templates/base.html
@@ -5,10 +5,26 @@
 @import url("https://styles.alv.cx/base.css");
 @import url("https://styles.alv.cx/modules/darkmode.css");
 
+:root {
+	--light: var(--colorscheme-light);
+}
+
 .messagetypeinfo { background-color: var(--blue); }
 .messagetypeerror { background-color: var(--red); }
 .messagetypewarning { background-color: var(--yellow); }
 
+input, select {
+  background-color: var(--colorscheme-light);
+  color: var(--colorscheme-dark);
+  padding: 0.5em;
+  border: 0.1em solid var(--colorscheme-dark);
+  border-radius: 0.3em;
+}
+
+a, a:visited {
+	color: #1db954;
+}
+
 #message { padding: 1em; }
 </style>
 <title>{% block title %}{% endblock %}</title>
diff --git a/web/src/templates/delete.html b/web/src/templates/delete.html
index 3800ceb..49c05ac 100644
--- a/web/src/templates/delete.html
+++ b/web/src/templates/delete.html
@@ -1,6 +1,6 @@
 {% extends "base.html" %}
 
-{% block title %}rolling_liked | delete a playlist{% endblock %}
+{% block title %}heartbeats | delete a playlist{% endblock %}
 
 {% block body %}
 <h1> delete a playlist </h1>
diff --git a/web/src/templates/index_authorised.html b/web/src/templates/index_authorised.html
index 6d6754c..f6dcd2e 100644
--- a/web/src/templates/index_authorised.html
+++ b/web/src/templates/index_authorised.html
@@ -1,29 +1,26 @@
 {% extends "base.html" %}
-{% block title %}rolling_liked{% endblock %}
+{% block title %}heartbeats for spotify{% endblock %}
 {% block body %}
-<h1> rolling_liked </h1>
+<body>
+	<h1> <span style="color: #1db954">heart</span>beats for spotify </h1>
 
+<h2> create a playlist </h2>
 <form action="./" method="post">
-  create a 
-  <select id="public" name="public">
-    <option value="public">public</option>
-    <option selected value="private">private</option>
-  </select> playlist called <br><br>
-  <input type="text" id="pname" name="pname" placeholder="playlist_name"><br><br>
-  which always has the most recent<br><br>
-  <input type="number" id="count" name="count" value="25">
+  <label for="public">is public: <label><select id="public" name="public">
+    <option value="public">yes</option>
+    <option selected="" value="private">no</option>
+  </select></label></label> <br><br>
+  <label for="pname">name: </label>
+  <input type="text" id="pname" name="pname" placeholder="playlist_name"><br><br>number of tracks/days
+  <input type="number" id="count" name="count" value="25" style="width: 5em;">
   <select id="counttype" name="counttype">
     <option value="days">days</option>
     <option value="tracks">tracks</option>
-  </select><br><br>
-  from my spotify liked songs playlist
+  </select>
   <br><br>
   <input type="submit" value="create playlist">
   <br>
-  <br>
-  <br>
-  <br>
-  <a href="./delete">delete a playlist</a>
-  <a href="./logout">logout</a>
 </form>
+
+<p><a href="./delete">delete a playlist</a>, <a href="./logout">logout</a></p>
 {% endblock %}
diff --git a/web/src/templates/index_unauthorised.html b/web/src/templates/index_unauthorised.html
index 862f919..aadda80 100644
--- a/web/src/templates/index_unauthorised.html
+++ b/web/src/templates/index_unauthorised.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
-{% block title %}rolling_liked{% endblock %}
+{% block title %}heartbeats for spotify{% endblock %}
 {% block body %}
-<h1> rolling_liked </h1>
+<h1> heartbeats for spotify </h1>
 
 <h2> <a href="{{loginurl}}"> login with spotify </a> </h2>
 {% endblock %}
