Version 3.0.6.2

SenpaiHunters · Jul 16, 2024 · c3577bd · c3577bd
1 parent fc0e94f
commit c3577bd
Show file tree

Hide file tree

Showing 7 changed files with 52 additions and 34 deletions.
diff --git a/README.md b/README.md
@@ -64,6 +64,21 @@ Today, on March 18, 2024, this repository has undergone a significant update. Ev
 <details>
     <summary>Whats new!</summary>
 
+## Changelog - 16/7/2024
+
+### Version 3.0.6.2
+
+This update is pretty small, so no massive version jump.
+
+- Added a donation button
+- Changed theme `Freya` to `Vesper`
+- Added a function to remove open in app popup (in dev)
+- Some minor CSS fixes
+
+I've noticed that in Spotify, the `Seek Forwards` & `Seek Backwards` commands are broken. This is actually an issue with Spotify, and I cannot fix it. So, until Spotify releases a fix, it will sadly remain broken.
+
+---
+
 ## Changelog - 13/6/2024
 
 ### Version 3.0.6.1
@@ -75,8 +90,6 @@ Today, on March 18, 2024, this repository has undergone a significant update. Ev
 - Addressed pathing issues with the `font-face` directive
 - Implemented various miscellaneous fixes
 
----
-
 ## Changelog - 26/5/2024
 
 ### Version 3.0.6.0

diff --git a/SpotOn/css/colors.css b/SpotOn/css/colors.css
@@ -42,22 +42,22 @@
   --shadow: #d1d1d6;
 }
 
-[data-theme="freya"] {
-  --background: #2b2b2b;
-  --second-background: #414449;
-  --text: #d6e3f0;
-  --icons: #cc7832;
-  --text-color: #5e768f;
-  --highlight: #6897bb;
-  --border-color: #515658;
-  --shadow: #383b3d;
-  --feat-text: #6a8759;
-  --box-text: #dedede;
+[data-theme="vesper"] {
+  --background: #5D5D5D;
+  --second-background: #474747;
+  --text: #E0E0E2;
+  --icons: #B1B1B3;
+  --text-color: #FFFFFF;
+  --highlight: #8A2BE2;
+  --border-color: #666666;
+  --shadow: #3C3C3C;
+  --feat-text: #9e9ea4;
+  --box-text: #d1d1d6;
 }
 
 [data-theme="dark"],
 [data-theme="grey"],
-[data-theme="freya"],
+[data-theme="vesper"],
 [data-theme="light"] {
   --feat-text: #9e9ea4;
   --box-text: #d1d1d6;

diff --git a/SpotOn/css/settings.css b/SpotOn/css/settings.css
@@ -1,22 +1,6 @@
 @import "colors.css";
 @import "toggle.css";
 
-/* @font-face {
-  font-family: 'Open Runde';
-  src: url('https://raw.githubusercontent.com/lauridskern/open-runde/main/src/web/OpenRunde-Regular.woff') format('woff'),
-    url('https://raw.githubusercontent.com/lauridskern/open-runde/main/src/web/OpenRunde-Regular.woff2') format('woff2');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-* {
-  font-family: 'Open Runde', sans-serif;
-  outline: none;
-} */
-
-/* Font face for now will be commented out until i find a nicer one :smile: */
-
 body {
   min-width: 372px;
   min-height: 600px;
@@ -77,6 +61,7 @@ h1,
 .truncate,
 span,
 div,
+a,
 text {
   color: var(--text);
 }

diff --git a/SpotOn/manifest.json b/SpotOn/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "SpotOn",
-  "version": "3.0.6.1",
+  "version": "3.0.6.2",
   "description": "Upgrade your Spotify Web Player with SpotOn, and enjoy a completely customizable UX/UI redesign!",
   "author": "Kami",
   "homepage_url": "https://github.com/senpaihunters/spoton",

diff --git a/SpotOn/options/addLyrics.js b/SpotOn/options/addLyrics.js
@@ -240,7 +240,8 @@ function getCSS(das) {
   div.contentSpacing,
   div.os-padding>div>div>div.main-view-container__scroll-node-child>div>div,
   div.os-padding>div>div>div.main-view-container__scroll-node-child>main>div>nav,
-  div.os-padding>div>div>div.main-view-container__scroll-node-child>main>section>div>div>div:nth-child(3)>section:nth-child(2)>div:nth-child(2)>div {
+  div.os-padding>div>div>div.main-view-container__scroll-node-child>main>section>div>div>div:nth-child(3)>section:nth-child(2)>div:nth-child(2)>div,
+  .Xf30G8NSPQ3pex0iD4zB {
       background: 0 0 !important;
   }
 

diff --git a/SpotOn/options/featInDev.js b/SpotOn/options/featInDev.js
@@ -1 +1,8 @@
-console.log("%cSpotOn Started", "font-size: 40px; padding-bottom: 3px; color: white; text-shadow: -1px -1px #2e51a2, 1px -1px #2e51a2, -1px 1px #2e51a2, 1px 1px #2e51a2, 2px 2px #2e51a2, 3px 3px #2e51a2;");
+// console.log("%cSpotOn Started", "font-size: 40px; padding-bottom: 3px; color: white; text-shadow: -1px -1px #2e51a2, 1px -1px #2e51a2, -1px 1px #2e51a2, 1px 1px #2e51a2, 2px 2px #2e51a2, 3px 3px #2e51a2;");
+(function () {
+    "use strict";
+    try {
+        const config = JSON.parse(document.getElementById("urlSchemeConfig").innerHTML);
+        window.location.replace(config.redirectUrl);
+    } catch (err) { } // no urlSchemeConfig, nothing to do
+})();
diff --git a/SpotOn/settings.html b/SpotOn/settings.html
@@ -61,6 +61,7 @@
         </div>
         <p class="text-content"><i class="fas fa-cogs"></i> Features</p>
         <div class="burger-background">
+
           <div class="mode-dropdown">
             <i class="fas fa-cloud-upload-alt theme-icon"></i>
             <p class="theme-text">Import / Export</p>
@@ -100,7 +101,9 @@ <h2>Importing Your Settings</h2>
               <input type="file" title="import" accept=".json" id="importOptionsInput" hidden />
             </div>
           </div>
+
           <div class="mode-underline"></div>
+
           <div class="mode-dropdown">
             <i class="fas fa-palette theme-icon"></i>
             <p class="theme-text">Extension Theme</p>
@@ -109,9 +112,18 @@ <h2>Importing Your Settings</h2>
               <option value="dark">Dark</option>
               <option value="light">Light</option>
               <option value="grey">Grey</option>
-              <option value="freya">Freya</option>
+              <option value="vesper">Vesper</option>
             </select>
           </div>
+
+          <div class="mode-underline"></div>
+
+          <div class="mode-dropdown">
+            <i class="fas fa-coffee theme-icon"></i> <!-- Changed icon to coffee -->
+            <p class="theme-text"><a href="https://www.buymeacoffee.com/kami.dev" target="_blank"
+                rel="noopener noreferrer">Donate</a></p>
+          </div>
+
         </div>
       </div>
     </div>