fix: add same image background style to player bar to address light mode text issue (closes #38)

src/components/Feed/Banner.vue

@@ -109,6 +109,7 @@ export default {
 		position: absolute;
 		top: 0;
 		width: 100%;
+		z-index: -1;
 	}
 
 	.content {

src/components/Player/Bar.vue

@@ -1,5 +1,6 @@
 <template>
 	<div v-if="player.episode" class="footer">
+		<img class="background" :src="player.episode.image">
 		<Loading v-if="!player.loaded" />
 		<ProgressBar v-if="player.loaded" />
 		<div v-if="player.loaded" class="player">
@@ -39,6 +40,17 @@ export default {
 </script>
 
 <style scoped>
+	.background {
+		filter: blur(1rem) brightness(50%);
+		height: auto;
+		left: 0;
+		opacity: .4;
+		position: absolute;
+		top: 0;
+		width: 100%;
+		z-index: -1;
+	}
+
 	.footer {
 		background-color: rgba(66, 66, 66, .9);
 		bottom: 0;