diff --git a/color.ini b/color.ini
index 314d7ba..293c0b1 100644
--- a/color.ini
+++ b/color.ini
@@ -42,7 +42,7 @@ notification = 1a181e
notification-error = fb7c7c
misc = 0c0e14
-[summer]
+[lush]
text = ffffff
subtext = 68fdab
main = 0c0e14
diff --git a/manifest.json b/manifest.json
index db4ab98..80a03ab 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,8 +1,22 @@
-{
- "name": "Retroblur",
- "description": "Theme with a background, blur, animations, gradients and reflections.",
- "preview": "preview/dream.jpg",
- "usercss": "user.css",
- "schemes": "color.ini",
- "readme": "README.md"
-}
+[
+ {
+ "name": "Retroblur",
+ "description": "Theme with a background, blur, animations, gradients and reflections.",
+ "preview": "preview/dream.jpg",
+ "usercss": "user.css",
+ "schemes": "color.ini",
+ "include": ["https://raw.githubusercontent.com/Motschen/Retroblur/fresh/theme.js"],
+ "tags": ["retro", "blur", "animations", "gradients"],
+ "readme": "README.md"
+ },
+ {
+ "name": "Retroblur Classic",
+ "description": "Theme with a background, blur, animations and reflections.",
+ "preview": "preview/playlist.png",
+ "usercss": "user.css",
+ "schemes": "color.ini",
+ "readme": "README.md",
+ "tags": ["retro", "blur", "animations"],
+ "branch": "main"
+ }
+]
\ No newline at end of file
diff --git a/theme.js b/theme.js
new file mode 100644
index 0000000..386ab55
--- /dev/null
+++ b/theme.js
@@ -0,0 +1,188 @@
+/* Based on https://github.com/harbassan/spicetify-galaxy/blob/main/galaxy.js
+ Credits to harbassan
+*/
+(function retroblur() {
+ const YouTubeSVG = ``
+ if (!(Spicetify.Player.data && Spicetify.Platform)) {
+ setTimeout(retroblur, 100);
+ return;
+ }
+
+ console.log("retroblur wallpaper changer running");
+
+ Object.keys(localStorage).forEach(item => {
+ if (item.includes("retroblur:temp")) localStorage.removeItem(item);
+ });
+
+ const config = {}
+
+ function parseOptions() {
+ config.matchWallpaperToTheme = JSON.parse(localStorage.getItem("matchWallpaperToTheme"));
+ }
+ parseOptions()
+
+ let isDim = false;
+
+ function loopOptions(page) {
+ setBg(startImage);
+ }
+
+ var defImage = `https://github.com/Motschen/Retroblur/blob/main/assets/background_purple.jpg?raw=true`;
+ console.log(getComputedStyle(document.body).getPropertyValue("--spice-button"))
+ switch (getComputedStyle(document.body).getPropertyValue("--spice-button")) {
+ case " #00bbff": {
+ console.log("setting default wallpaper to water");
+ defImage = "https://images.unsplash.com/photo-1502933691298-84fc14542831?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80";
+ break;
+ }
+ case " #b0fd68": {
+ console.log("setting default wallpaper to lush");
+ defImage = "https://images3.alphacoders.com/356/35627.jpg";
+ break;
+ }
+ case " #ceeb26": {
+ console.log("setting default wallpaper to sun");
+ defImage = "https://images.unsplash.com/photo-1516370873344-fb7c61054fa9?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80";
+ break;
+ }
+ case " #ebb726": {
+ console.log("setting default wallpaper to sunset");
+ defImage = "https://4kwallpapers.com/images/walls/thumbs_3t/4928.jpg";
+ break;
+ }
+ case " #a10003": {
+ console.log("setting default wallpaper to mercy");
+ defImage = "https://images3.alphacoders.com/356/35627.jpg";
+ break;
+ }
+ }
+ let startImage = localStorage.getItem("retroblur:startupBg") || defImage;
+ if (config.matchWallpaperToTheme) startImage = defImage;
+
+ function setBg(imageData) {
+ var image = imageData;
+ if (config.matchWallpaperToTheme) image = defImage;
+ document.body.style.backgroundImage = "url("+image+")";
+ console.log("setBG"+image)
+ }
+
+ // input for custom background images
+ const bannerInput = document.createElement("input");
+ bannerInput.type = "file";
+ bannerInput.className = "banner-input";
+ bannerInput.accept = ["image/jpeg", "image/apng", "image/avif", "image/gif", "image/png", "image/svg+xml", "image/webp"].join(",");
+
+ // when user selects a custom background image
+ bannerInput.onchange = () => {
+ if (!bannerInput.files.length) return;
+
+ const file = bannerInput.files[0];
+ const reader = new FileReader();
+ reader.onload = event => {
+ const result = event.target.result;
+ try {
+ localStorage.setItem("retroblur:startupBg", result);
+ } catch {
+ Spicetify.showNotification("File too large");
+ return;
+ }
+ document.querySelector("#wallpaper-select img").src = result;
+ };
+ reader.readAsDataURL(file);
+ };
+
+ const wallpaperEdit = new Spicetify.Menu.Item(
+ "Edit Wallpaper",
+ false,
+ () => {
+ const content = document.createElement("div");
+ content.innerHTML = `
+
+
+
![]()
+