Redesign tab bar and tune shadows

svelte/src/user_home/APIKeys.svelte

@@ -84,7 +84,7 @@ const logout = async (key) => {
 	{/if}
 	<div class="limit_width">
 		{#if !loaded}
-			<div class="highlight_blue">
+			<div class="highlight_yellow">
 				<h2>Warning</h2>
 				<p>
 					API keys are sensitive information. They can be used to gain

svelte/src/user_home/Home.svelte

@@ -183,7 +183,7 @@ onDestroy(() => {
 			refresh the page.
 		</p>
 	</div>
-	<div class="highlight_dark">
+	<div class="highlight_light">
 		<button
 			on:click={() => { update_graphs(1440, 1, true) }}
 			class:button_highlight={graph_timespan == 1440}>

svelte/src/user_home/Router.svelte

@@ -25,21 +25,21 @@ onMount(() => {
 
 <div>
 	<div class="tab_bar">
-		<a class="button tab"
+		<a class="button"
 			href="/user"
 			class:button_highlight={page === ""}
 			on:click|preventDefault={() => {navigate("", "My home")}}>
 			<i class="icon">home</i>
 			My home
 		</a>
-		<a class="button tab"
+		<a class="button"
 			href="/user/settings"
 			class:button_highlight={page === "settings"}
 			on:click|preventDefault={() => {navigate("settings", "Account settings")}}>
 			<i class="icon">settings</i>
 			Account settings
 		</a>
-		<a class="button tab"
+		<a class="button"
 			href="/user/api_keys"
 			class:button_highlight={page === "api_keys"}
 			on:click|preventDefault={() => {navigate("api_keys", "API keys")}}>
@@ -47,7 +47,6 @@ onMount(() => {
 			API keys
 		</a>
 	</div>
-	<hr/>
 
 	{#if page === ""}
 	<Home></Home>