From 09665efa362fbeb72b708499d545faef88373a25 Mon Sep 17 00:00:00 2001 From: Stephan Wahlen <44159957+metalheim@users.noreply.github.com> Date: Sat, 22 Nov 2025 14:01:10 +0100 Subject: [PATCH] more mobile color fixes --- ui/src/themes/amusic.css.js | 21 ++++++++++++++++++--- ui/src/themes/amusic.js | 8 +++++++- 2 files changed, 25 insertions(+), 4 deletions(-) diff --git a/ui/src/themes/amusic.css.js b/ui/src/themes/amusic.css.js index b4f27ba39..a156bae79 100644 --- a/ui/src/themes/amusic.css.js +++ b/ui/src/themes/amusic.css.js @@ -6,7 +6,9 @@ const stylesheet = ` .react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-track { background-color: #ff4e6b } -.react-jinke-music-player-main ::-webkit-scrollbar-thumb { +.react-jinke-music-player-main ::-webkit-scrollbar-thumb, +.react-jinke-music-player-mobile-progress .rc-slider-handle, +.react-jinke-music-player-mobile-progress .rc-slider-track { background-color: #ff4e6b } .react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-handle:active { @@ -38,16 +40,26 @@ const stylesheet = ` color: #ff4e6b !important; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 } -.react-jinke-music-player-main .music-player-panel{ +.react-jinke-music-player-main .music-player-panel, +.react-jinke-music-player-mobile, +.ril__outer{ background-color: #1f1f1f; border: 1px solid rgba(255, 255, 255, 0.12); } +.ril__toolbar{ + background-color: #1d1d1d +} +.ril__toolbarItem{ + font-size: 100%; + color: #ddd +} .audio-lists-panel{ background-color: #1f1f1f; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px 6px 0 0; } -.react-jinke-music-player-main .music-player-panel .panel-content .img-rotate{ +.react-jinke-music-player-main .music-player-panel .panel-content .img-rotate, +.react-jinke-music-player-mobile .react-jinke-music-player-mobile-cover img.cover{ border-radius: 6px !important; animation-duration: 0s !important } @@ -58,5 +70,8 @@ const stylesheet = ` .react-jinke-music-player-main .songTitle{ color: #ddd } +.react-jinke-music-player .music-player-controller{ + color: #ff4e6b +} ` export default stylesheet diff --git a/ui/src/themes/amusic.js b/ui/src/themes/amusic.js index 0374e5af9..38dd87633 100644 --- a/ui/src/themes/amusic.js +++ b/ui/src/themes/amusic.js @@ -15,7 +15,7 @@ export default { }, secondary: { main: '#D60017', - contrastText: '#fff', + contrastText: '#ddd', }, background: { default: '#1a1a1a', @@ -34,6 +34,9 @@ export default { backgroundColor: '#1d1d1d !important', boxShadow: 'none', }, + colorSecondary{ + color: '#ddd' + } }, MuiDrawer: { root: { @@ -158,6 +161,9 @@ export default { elevation1: { boxShadow: 'none', }, + root:{ + color: '#ddd' + } }, NDMobileArtistDetails: { bgContainer: {