From 0e6925bec65ba1aa67848a8f0d56256e1e331482 Mon Sep 17 00:00:00 2001 From: Stephan Wahlen <44159957+metalheim@users.noreply.github.com> Date: Sun, 23 Nov 2025 15:19:47 +0100 Subject: [PATCH 1/8] fix low contrast in "delete missing files" button --- ui/src/themes/amusic.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/ui/src/themes/amusic.js b/ui/src/themes/amusic.js index 598b7b7fa..566dc640a 100644 --- a/ui/src/themes/amusic.js +++ b/ui/src/themes/amusic.js @@ -188,6 +188,11 @@ export default { padding: 'unset', paddingBottom: '1rem', }, + }, + NDDeleteMissingFilesButton: { + deleteButton: { + color: 'unset', + } }, }, player: { From 33aa2d890692bca7101a363449dd795dcf60ef4c Mon Sep 17 00:00:00 2001 From: Stephan Wahlen <44159957+metalheim@users.noreply.github.com> Date: Sun, 23 Nov 2025 15:24:38 +0100 Subject: [PATCH 2/8] make login screen a bit nicer --- ui/src/themes/amusic.js | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/ui/src/themes/amusic.js b/ui/src/themes/amusic.js index 566dc640a..224fc6c94 100644 --- a/ui/src/themes/amusic.js +++ b/ui/src/themes/amusic.js @@ -152,7 +152,7 @@ export default { }, NDLogin: { systemNameLink: { - color: '#D60017', + color: '#ff4e6b', }, welcome: { color: '#eee', @@ -161,6 +161,9 @@ export default { minWidth: 300, backgroundColor: '#1d1d1d', }, + icon: { + filter: 'hue-rotate(115deg)', + }, }, MuiPaper: { elevation1: { @@ -169,6 +172,9 @@ export default { root: { color: '#eee', }, + rounded: { + borderRadius: '6px', + }, }, NDMobileArtistDetails: { bgContainer: { @@ -189,10 +195,10 @@ export default { paddingBottom: '1rem', }, }, - NDDeleteMissingFilesButton: { + NDDeleteMissingFilesButton: { deleteButton: { color: 'unset', - } + }, }, }, player: { From cf6b6557aa8084f31f8939ac5ae531d2acd7e7ba Mon Sep 17 00:00:00 2001 From: Stephan Wahlen <44159957+metalheim@users.noreply.github.com> Date: Sun, 23 Nov 2025 15:35:49 +0100 Subject: [PATCH 3/8] style modal similar to rest of ui --- ui/src/themes/amusic.css.js | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/ui/src/themes/amusic.css.js b/ui/src/themes/amusic.css.js index 05709dc1e..9430a6c00 100644 --- a/ui/src/themes/amusic.css.js +++ b/ui/src/themes/amusic.css.js @@ -47,17 +47,15 @@ const stylesheet = ` .react-jinke-music-player-main .music-player-panel, .react-jinke-music-player-mobile, .ril__outer{ - background-color: #1f1f1f; + background-color: #1a1a1a; border: 1px solid #fff1; } -.ril__toolbar{ - background-color: #1d1d1d -} .ril__toolbarItem{ font-size: 100%; color: #eee } -.audio-lists-panel{ +.audio-lists-panel, +.ril__toolbar{ background-color: #1f1f1f; border: 1px solid #fff1; border-radius: 6px 6px 0 0; From 6540e68712a752e232b44587edb26da13583c6cc Mon Sep 17 00:00:00 2001 From: Stephan Wahlen <44159957+metalheim@users.noreply.github.com> Date: Mon, 24 Nov 2025 13:42:45 +0100 Subject: [PATCH 4/8] Add custom styles for Ra Pagination --- ui/src/themes/amusic.js | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/ui/src/themes/amusic.js b/ui/src/themes/amusic.js index 224fc6c94..ef29a5685 100644 --- a/ui/src/themes/amusic.js +++ b/ui/src/themes/amusic.js @@ -200,6 +200,25 @@ export default { color: 'unset', }, }, + RaPaginationActions: { + currentPageButton: { + border: '2px solid #D60017', + background: 'transparent', + }, + button: { + border: '2px solid #D60017', + }, + actions: { + '@global': { + '.next-page': { + border: '0 none', + }, + '.previous-page': { + border: '0 none', + }, + }, + }, + }, }, player: { theme: 'dark', From b3d8d52716286dce0864e29ae8e4d42f03fd1b7f Mon Sep 17 00:00:00 2001 From: Stephan Wahlen <44159957+metalheim@users.noreply.github.com> Date: Mon, 24 Nov 2025 14:02:17 +0100 Subject: [PATCH 5/8] Refactor styles in amusic.js Removed albumSubtitle color and updated styles for albumPlayButton and albumArtistName --- ui/src/themes/amusic.js | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/ui/src/themes/amusic.js b/ui/src/themes/amusic.js index ef29a5685..0bd799248 100644 --- a/ui/src/themes/amusic.js +++ b/ui/src/themes/amusic.js @@ -137,17 +137,15 @@ export default { albumName: { color: '#eee', }, - albumSubtitle: { - color: '#ccc', - }, albumPlayButton: { - color: '#ff4e6b !important', + background: '#ff4e6b', + color: '#fff', }, albumArtistName: { - color: '#ff4e6b !important', + color: '#ccc', }, cover: { - borderRadius: '10px !important', + borderRadius: '6px', }, }, NDLogin: { From 55548b545f4cc7f082ebcb803de8ab82b7c02142 Mon Sep 17 00:00:00 2001 From: Stephan Wahlen <44159957+metalheim@users.noreply.github.com> Date: Mon, 24 Nov 2025 14:12:49 +0100 Subject: [PATCH 6/8] Add NDDeleteLibraryButton and NDDeleteUserButton styles low contrast --- ui/src/themes/amusic.js | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/ui/src/themes/amusic.js b/ui/src/themes/amusic.js index 0bd799248..993661e92 100644 --- a/ui/src/themes/amusic.js +++ b/ui/src/themes/amusic.js @@ -198,6 +198,16 @@ export default { color: 'unset', }, }, + NDDeleteLibraryButton: { + deleteButton: { + color: 'unset', + }, + }, + NDDeleteUserButton: { + deleteButton: { + color: 'unset', + }, + }, RaPaginationActions: { currentPageButton: { border: '2px solid #D60017', From 3f875d6190019ebdbf55c00701e28bc359e01540 Mon Sep 17 00:00:00 2001 From: Stephan Wahlen <44159957+metalheim@users.noreply.github.com> Date: Mon, 24 Nov 2025 17:48:31 +0100 Subject: [PATCH 7/8] low contrast text on delete buttons --- ui/src/themes/amusic.js | 12 +----------- 1 file changed, 1 insertion(+), 11 deletions(-) diff --git a/ui/src/themes/amusic.js b/ui/src/themes/amusic.js index 993661e92..4ff82bedd 100644 --- a/ui/src/themes/amusic.js +++ b/ui/src/themes/amusic.js @@ -193,17 +193,7 @@ export default { paddingBottom: '1rem', }, }, - NDDeleteMissingFilesButton: { - deleteButton: { - color: 'unset', - }, - }, - NDDeleteLibraryButton: { - deleteButton: { - color: 'unset', - }, - }, - NDDeleteUserButton: { + RaDeleteWithConfirmButton: { deleteButton: { color: 'unset', }, From c784ab091c574549edf9418b0fb7b1c77d8d2c3b Mon Sep 17 00:00:00 2001 From: Stephan Wahlen <44159957+metalheim@users.noreply.github.com> Date: Mon, 24 Nov 2025 18:29:17 +0100 Subject: [PATCH 8/8] playbutton color back to pink without background --- ui/src/themes/amusic.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/ui/src/themes/amusic.js b/ui/src/themes/amusic.js index 4ff82bedd..4181d1780 100644 --- a/ui/src/themes/amusic.js +++ b/ui/src/themes/amusic.js @@ -138,8 +138,7 @@ export default { color: '#eee', }, albumPlayButton: { - background: '#ff4e6b', - color: '#fff', + color: '#ff4e6b', }, albumArtistName: { color: '#ccc',