diff --git a/app/index.html b/app/index.html index 0402a18..be1a023 100644 --- a/app/index.html +++ b/app/index.html @@ -114,7 +114,7 @@

Prefrences

Discord RPC
- Show what you are listening to on discord (this help the project as well ;). + Show what you are listening to on Discord (this helps the project as well ;)).
@@ -131,7 +131,7 @@

Prefrences

Startup Load Last Page
- Load the last soundcloud page you were when you closed the app. + Load the last SoundCloud page you were on when you closed the app.
@@ -165,7 +165,7 @@

Prefrences

Zoom Factor
- Change the zoom scale of Soundcloud (a number between 10 and 500). + Change the zoom scale of SoundCloud (a number between 10 and 500).
@@ -229,7 +229,7 @@

Prefrences

Useragent String
- used for simulation of different browsers and devices + Used for simulation of different browsers and devices.
@@ -252,7 +252,8 @@

Themes

Vanilla

-
by Soundcloud
+
A default theme provided by SoundCloud
+
by SoundCloud
vannila @@ -261,6 +262,7 @@
by Soundcloud

Darkcloud

+
A dark theme for night listening
by MateusRosolem
@@ -270,6 +272,7 @@

Darkcloud

Nocturnal

+
A dark blue theme
by Chloe Chantelle
@@ -278,13 +281,24 @@

Nocturnal

-

Postmorphic

+

Postmorphic

+
A Windows Vista theme
by kantraa
vannila
+
+
+

Blur

+
A theme with backdrop blur
+
by zyqunix
 +
+
+ blur +
+

From 19 April 2025 Soundcloud added dark mode and reworked its interface using MUI, you can switch to light or darkmode using their settings page

Due to that nearly every Soundcloud theme is deprecated and it will take time for me and the css editors to rework them

@@ -312,7 +326,7 @@

Support

BSC enhances SoundCloud with custom themes and plugins, but keeping it running takes time and resources. your donation helps support development, updates, and server costs. if you love BSC, consider contributing to keep it growing. every donation makes a difference!

-

If you encounter any bug or have any suggestions or ideas, make sure to open an issue thread on the project's github page. i will be in touch under 48 hours.

+

If you encounter any bug or have any suggestions or ideas, make sure to open an issue thread on the project's Github page. I will be in touch under 48 hours.

@@ -380,7 +394,7 @@

Enter
- click on the transparent area to close + Click on the transparent area to close
@@ -475,4 +489,4 @@
Make sure to login for the best experience

- \ No newline at end of file + diff --git a/app/lib/assets/inapp/themessnaps/blur.png b/app/lib/assets/inapp/themessnaps/blur.png new file mode 100644 index 0000000..4124618 Binary files /dev/null and b/app/lib/assets/inapp/themessnaps/blur.png differ diff --git a/app/lib/css/main.css b/app/lib/css/main.css index 15e6a26..1e04e4c 100644 --- a/app/lib/css/main.css +++ b/app/lib/css/main.css @@ -281,6 +281,9 @@ input::-webkit-inner-spin-button { animation: fadeOut 0.5s ease-in-out forwards; } +.themeinfo > a:hover { + text-decoration: underline; +} @keyframes fadeOut { 0% { @@ -291,4 +294,4 @@ input::-webkit-inner-spin-button { opacity: 0; visibility: hidden; } -} \ No newline at end of file +} diff --git a/app/lib/js/startup.js b/app/lib/js/startup.js index 024e2cc..d41e638 100644 --- a/app/lib/js/startup.js +++ b/app/lib/js/startup.js @@ -49,6 +49,9 @@ function loadstop() { case "postmorphic": addstyle("\\themes\\postMorphic.css") break; + case "blur": + addstyle("\\themes\\blur.css") + break; default: console.log("No theme selected") break; @@ -82,4 +85,4 @@ sciloadingcheck = setInterval(() => { }`) }, 1000); -webview.addEventListener('did-stop-loading', loadstop) \ No newline at end of file +webview.addEventListener('did-stop-loading', loadstop) diff --git a/app/lib/js/ui.js b/app/lib/js/ui.js index cb97cd6..55ab906 100644 --- a/app/lib/js/ui.js +++ b/app/lib/js/ui.js @@ -140,6 +140,9 @@ function syncsettingsui() { case "postmorphic": themeitemsdiv[3].classList.add("active") break; + case "blur": + themeitemsdiv[4].classList.add("active") + break; default: themeitemsdiv[0].classList.add("active") break; @@ -220,6 +223,9 @@ function selecttheme(index) { case 3: changeSettings("theme", "postmorphic") break; + case 4: + changeSettings("theme", "blur") + break; } themeitemsdiv.forEach(function (themeitem) { themeitem.classList.remove("active") @@ -244,4 +250,4 @@ function applyCustomJS() { function resetSettings() { localStorage.clear() location.reload() -} \ No newline at end of file +} diff --git a/main.js b/main.js index aca6cf2..4009847 100644 --- a/main.js +++ b/main.js @@ -11,7 +11,6 @@ function createWindow () { mainWindow = new BrowserWindow({ width: 1366, height: 768, - // frame: false, icon: 'app/lib/assets/icon.ico', webPreferences: { nodeIntegration: true, @@ -22,6 +21,7 @@ function createWindow () { mainWindow.setMenuBarVisibility(false) mainWindow.loadFile('app/index.html') + mainWindow.maximize(); // Open the DevTools. // mainWindow.webContents.openDevTools() @@ -136,4 +136,4 @@ ipcMain.on("appReqCloseApp",() => { ipcMain.on("appReqReloadApp",() => { app.relaunch(); app.quit(); -}); \ No newline at end of file +}); diff --git a/themes/blur.css b/themes/blur.css new file mode 100644 index 0000000..5bbea8e --- /dev/null +++ b/themes/blur.css @@ -0,0 +1,24 @@ +article[class="sidebarModule g-all-transitions-200-linear mobileApps"], +div[class="l-footer sc-text-verylight sc-text-secondary standard sc-border-light-top"]{ + opacity: 0 !important; + user-select: none; + pointer-events: none; + cursor: default; +} + +.sc-classic .dropbar__content, +.sc-classic .header{ + background-color: rgb(24, 26, 26, 0.8) !important; + backdrop-filter: blur(10px) !important; +} + +.playControls__inner { + background-color: rgb(24, 26, 26, 0.8) !important; + backdrop-filter: blur(10px) !important; +} + + +div[class="playControls__bg"], +div[class="playControls__panel"] { + display: none; +}