From c897bedd9019c79458d997384f542bda9ee93424 Mon Sep 17 00:00:00 2001
From: cdaydreamer <61342411+cdaydreamer@users.noreply.github.com>
Date: Sat, 23 Oct 2021 15:38:46 +0300
Subject: [PATCH] New plugin: Blur navigation bar

---
 plugins/blur-nav-bar/back.js   | 6 ++++++
 plugins/blur-nav-bar/style.css | 8 ++++++++
 readme.md                      | 1 +
 3 files changed, 15 insertions(+)
 create mode 100644 plugins/blur-nav-bar/back.js
 create mode 100644 plugins/blur-nav-bar/style.css

diff --git a/plugins/blur-nav-bar/back.js b/plugins/blur-nav-bar/back.js
new file mode 100644
index 00000000..1c95289f
--- /dev/null
+++ b/plugins/blur-nav-bar/back.js
@@ -0,0 +1,6 @@
+const path = require("path");
+const { injectCSS } = require("../utils");
+
+module.exports = win => {
+	injectCSS(win.webContents, path.join(__dirname, "style.css"));
+};
diff --git a/plugins/blur-nav-bar/style.css b/plugins/blur-nav-bar/style.css
new file mode 100644
index 00000000..e64b7526
--- /dev/null
+++ b/plugins/blur-nav-bar/style.css
@@ -0,0 +1,8 @@
+#nav-bar-background {
+    background: rgba(0, 0, 0, 0.3) !important;
+    backdrop-filter: blur(18px) !important;
+}
+
+#nav-bar-divider {
+    display: none !important;
+}
diff --git a/readme.md b/readme.md
index c47170c1..4a704638 100644
--- a/readme.md
+++ b/readme.md
@@ -36,6 +36,7 @@ Install the `youtube-music-bin` package from the AUR. For AUR installation instr
 ## Available plugins:
 - **Ad Blocker**: block all ads and tracking out of the box
 - **Auto confirm when paused**: when the ["Continue Watching?"](https://user-images.githubusercontent.com/61631665/129977894-01c60740-7ec6-4bf0-9a2c-25da24491b0e.png) modal appears, automatically click "Yes"
+- **Blur navigation bar**: makes navigation bar transparent and blurry
 - **Disable autoplay**: makes every song start in "paused" mode
 - [**Discord**](https://discord.com/): show your friends what you listen to with [Rich Presence](https://user-images.githubusercontent.com/28219076/104362104-a7a0b980-5513-11eb-9744-bb89eabe0016.png)
 - **Downloader**: downloads MP3 [directly from the interface](https://user-images.githubusercontent.com/61631665/129977677-83a7d067-c192-45e1-98ae-b5a4927393be.png) [(youtube-dl)](https://github.com/ytdl-org/youtube-dl)