diff --git a/.gitignore b/.gitignore
index a4a2a9e..54c72ce 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,3 @@
-*.png
 .DS_Store
 node_modules
 .svelte-kit
diff --git a/src/app.html b/src/app.html
index f750d36..fdfbd9a 100644
--- a/src/app.html
+++ b/src/app.html
@@ -6,6 +6,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
 
   <link rel="stylesheet" href="/main.css" />
+  <link rel="icon" href="/favicon-light.png" media="(prefers-color-scheme: light)" />
+  <link rel="icon" href="/favicon-dark.png" media="(prefers-color-scheme: dark)" />
 
   %sveltekit.head%
 </head>
@@ -14,4 +16,4 @@
   <div>%sveltekit.body%</div>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/static/favicon-dark.png b/static/favicon-dark.png
new file mode 100644
index 0000000..7376595
Binary files /dev/null and b/static/favicon-dark.png differ
diff --git a/static/favicon-light.png b/static/favicon-light.png
new file mode 100644
index 0000000..ec232bc
Binary files /dev/null and b/static/favicon-light.png differ
diff --git a/static/images/music-player/.gitignore b/static/images/music-player/.gitignore
new file mode 100644
index 0000000..e33609d
--- /dev/null
+++ b/static/images/music-player/.gitignore
@@ -0,0 +1 @@
+*.png