Skip to content

Merge changes in master to dev #195

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Inrixia merged 2 commits into from
Nov 7, 2025
Merged

Merge changes in master to dev #195

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
fc9dac2
added more padding areas and blur effect on more places
Judzim Oct 12, 2025
24202d6
Switch Discord RPC to new Tidal URLs
1nikolas Oct 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions plugins/DiscordRPC/src/updateActivity.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export const updateActivity = asyncDebounce(async (mediaItem?: MediaItem) => {

const activity: SetActivity = { type: 2 }; // Listening type

const trackUrl = `https://tidal.com/browse/${mediaItem.tidalItem.contentType}/${mediaItem.id}?u`
const trackUrl = `https://tidal.com/${mediaItem.tidalItem.contentType}/${mediaItem.id}/u`
const trackSourceUrl = `https://tidal.com/browse${sourceUrl}`;

activity.buttons = [
Expand All @@ -40,7 +40,7 @@ export const updateActivity = asyncDebounce(async (mediaItem?: MediaItem) => {
}

const artist = await mediaItem.artist();
const artistUrl = `https://tidal.com/browse/artist/${artist?.id}?u`;
const artistUrl = `https://tidal.com/artist/${artist?.id}/u`;

// Status text
activity.statusDisplayType = settings.status;
Expand Down Expand Up @@ -78,7 +78,7 @@ export const updateActivity = asyncDebounce(async (mediaItem?: MediaItem) => {
if (album) {
activity.largeImageKey = album.coverUrl();
activity.largeImageText = await album.title().then(fmtStr);
activity.largeImageUrl = `https://tidal.com/browse/album/${album.id}?u`;
activity.largeImageUrl = `https://tidal.com/album/${album.id}/u`;
}

await setActivity(activity);
Expand Down
156 changes: 115 additions & 41 deletions themes/blur.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,81 +5,155 @@
"description": "Adds backdrop blur behind the player, title bar, and context menus."
}
*/

:root {
--blur-background: color-mix(in srgb, var(--wave-color-solid-base-brighter), transparent 60%);
--blur-radius: 16px;
}

#footerPlayer {
backdrop-filter: blur(var(--blur-radius));
--blur-background: color-mix(in srgb, var(--wave-color-solid-base-brighter), transparent 60%);
--blur-radius: 16px;
--player-height: 96px; /* Adjust this to match your player height */
}

/* Main layout adjustments */
[class^="_containerRow_"] {
max-height: none !important;
max-height: none !important;
}

[class^="_mainContainer_"] {
height: 100vh !important;
background-color: inherit;
height: 100vh !important;
background-color: inherit;
}

/* Top bar */
[class^="_bar_"] {
position: absolute;
z-index: 100;
backdrop-filter: blur(var(--blur-radius));
position: absolute;
z-index: 100;
backdrop-filter: blur(var(--blur-radius));
}

/* Padding adjustments */
[class^="_sidebarWrapper"],
[class^="_contentArea"],
#main {
padding-top: 30px;
padding-top: 30px;
}

[class^="_contentArea"],
#main {
padding-bottom: 0 !important;
margin-bottom: calc(var(--player-height) + 24px) !important;
}

/* Add spacing after content */
[class^="_contentArea"]::after,
#main::after {
content: "";
display: block;
height: calc(var(--player-height) + 24px);
width: 100%;
}

/* Remove double spacing */
[class^="_contentArea"] > *:last-child,
#main > *:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}

table:last-child,
[role="table"]:last-child {
margin-bottom: 0 !important;
}

/* Context menus */
[class^="_contextMenu"]::before,
[class^="_subMenu_"]::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
backdrop-filter: blur(var(--blur-radius));
border-radius: 9px;
pointer-events: none;
z-index: -5;
background-color: var(--blur-background);
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
backdrop-filter: blur(var(--blur-radius));
border-radius: 9px;
pointer-events: none;
z-index: -5;
background-color: var(--blur-background);
}

[class^="_contextMenu_"],
[class^="_subMenu_"] {
position: relative;
background-color: transparent;
position: relative;
background-color: transparent;
}

#footerPlayer,
#sidebar,
[class^="_bar_"],
[class*="_audioQualityContainerHover_"]:hover,
[class*="_selectItem_"]:hover,
[class*="_createNewPlaylist_"]:hover {
background-color: var(--blur-background) !important;
/* Main blur backgrounds */
#footerPlayer {
backdrop-filter: blur(var(--blur-radius));
background-color: var(--blur-background) !important;
}

[class^="_sidebarWrapper_"] {
padding-bottom: 96px;
padding-bottom: 96px;
}

#feedSidebar,
#playQueueSidebar,
[class*="_playQueueWithoutHeader_"] button {
background-color: var(--blur-background);
backdrop-filter: blur(var(--blur-radius));
background-color: var(--blur-background);
backdrop-filter: blur(var(--blur-radius));
}

/* Blur background of homepage shortcut items */
/* Hover states */
[class*="_audioQualityContainerHover_"]:hover,
[class*="_selectItem_"]:hover,
[class*="_createNewPlaylist_"]:hover {
background-color: var(--blur-background) !important;
}

/* Shortcut playlist cards */
@container (width > 200px) {
[class*="_shortcutItem_"]::after {
backdrop-filter: blur(8px);
}
[class*="_shortcutItem_"]::after {
backdrop-filter: blur(8px);
}
}

[class*="_shortcutItem_"] {
background-color: var(--blur-background) !important;
backdrop-filter: blur(var(--blur-radius));
}

/* Selected/active sidebar items */
[class^="_sidebarItem_"][class*="_active_"],
[class*="_item_"][class*="_selected_"] {
background-color: var(--blur-background) !important;
backdrop-filter: blur(var(--blur-radius));
}

/* Header backgrounds - remove images and add blur */
[class^="_dataContainer_"]:before,
[class*="_dataContainer_"]:before {
--img: none;
background-image: none !important;
backdrop-filter: blur(var(--blur-radius));
background-color: var(--blur-background) !important;
}

[class^="_smallHeader_"]:before,
[class*="_smallHeader_"]:before {
--img: none;
background-image: none !important;
background-color: var(--blur-background) !important;
backdrop-filter: blur(var(--blur-radius));
filter: none !important;
}

[class*="_backgroundGradient_"],
[class*="_headerBackground_"],
[class*="_gradient_"]:not([class*="_progressGradient_"]) {
backdrop-filter: blur(var(--blur-radius));
background-color: var(--blur-background) !important;
}

[class*="_header_"]:not([class*="_tableHeader_"])::before,
[class*="_header_"]:not([class*="_tableHeader_"])::after {
background-image: none !important;
backdrop-filter: blur(var(--blur-radius));
}
Loading