diff --git a/src/app.html b/src/app.html
index 8109779..2371da7 100644
--- a/src/app.html
+++ b/src/app.html
@@ -5,6 +5,8 @@
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<link rel="stylesheet" href="%sveltekit.assets%/style.css" />
 		<meta name="viewport" content="width=device-width" />
+		<meta name="theme-color" content="#17063B" media="(prefers-color-scheme: dark)" />
+		<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 3e9cb74..03da0ec 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -35,6 +35,9 @@ onMount(async () => {
   }
 })
 </script>
+<svelte:head>
+    <title>Metalhead.club music list</title>
+</svelte:head>
 <h2>Metalhead.club music list</h2>
 <div class="wrapper">
   <div></div>
diff --git a/static/style.css b/static/style.css
index c4789c0..938b833 100644
--- a/static/style.css
+++ b/static/style.css
@@ -21,5 +21,7 @@ a:visited {
         --color-text: white;
         --color-bg: #17063B;
         --color-border: white;
+        --color-link: #8A9BF0;
+        --color-link-visited: #C384FB;
     }
 }
\ No newline at end of file
