# Tried to replicate Apple Music Now Playing Screen

**URL:** <http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821>\
**Category:** Styles and themes\
**Tags:** now-playing-style\
**Created:** [February 17, 2025, 6:36pm UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821 "2025-02-17T18:36:27Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![xcuze99](http://support.symfonium.app/letter_avatar_proxy/v4/letter/x/ac8455/32.png) [@xcuze99](http://support.symfonium.app/u/xcuze99)\
**Post date:** [February 17, 2025, 6:36pm UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/1 "2025-02-17T18:36:27Z")

</div>

![Apple Music with Album name](http://support.symfonium.app/uploads/default/original/2X/7/7c25a34fe0699ec461ba5995e9f1ff2d4e6cfaf4.jpeg)

 ![Apple music without Album name](http://support.symfonium.app/uploads/default/original/2X/f/f45440b75f2ed9fd17676c4ee843f749141c5d3f.jpeg)

 ![Original](http://support.symfonium.app/uploads/default/original/2X/f/f86d45b921bc62b1cb01279d0cad3b60e9411214.jpeg)

[nps-Apple Music-20250218\_000116-symfonium.json](http://support.symfonium.app/uploads/short-url/bzCXqPfpN0TqmyvRhuMaO8NR4ch.json) (13.3 KB)  
[nps-Apple Music (with Album)-20250218\_000104-symfonium.json](http://support.symfonium.app/uploads/short-url/1qnAxxfFDxdym4tGAi8CLjnQCi6.json) (13.3 KB)

---

<div class="post-metadata">

**Author:** ![Tolriq](http://support.symfonium.app/user_avatar/support.symfonium.app/tolriq/32/726_2.png) [@Tolriq](http://support.symfonium.app/u/Tolriq)\
**Post date:** [February 17, 2025, 6:59pm UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/2 "2025-02-17T18:59:49Z")

</div>

You can actually use the art as background + an overlay and hide the other cover.

Start from the Cover style.

---

<div class="post-metadata">

**Author:** ![xcuze99](http://support.symfonium.app/letter_avatar_proxy/v4/letter/x/ac8455/32.png) [@xcuze99](http://support.symfonium.app/u/xcuze99)\
**Post date:** [February 17, 2025, 7:20pm UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/3 "2025-02-17T19:20:07Z")

</div>

![Screenshot](http://support.symfonium.app/uploads/default/original/2X/3/3c2754f5964499f2130c80c99434ee739c47fe0f.jpeg)

Not sure if I did it correctly.

---

<div class="post-metadata">

**Author:** ![Tolriq](http://support.symfonium.app/user_avatar/support.symfonium.app/tolriq/32/726_2.png) [@Tolriq](http://support.symfonium.app/u/Tolriq)\
**Post date:** [February 17, 2025, 7:23pm UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/4 "2025-02-17T19:23:16Z")

</div>

You can hide the cover too to only see the background as in the apple screen

---

<div class="post-metadata">

**Author:** ![xcuze99](http://support.symfonium.app/letter_avatar_proxy/v4/letter/x/ac8455/32.png) [@xcuze99](http://support.symfonium.app/u/xcuze99)\
**Post date:** [February 17, 2025, 7:23pm UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/5 "2025-02-17T19:23:58Z")

</div>

Oh yeah I got it now, Thanks!

---

<div class="post-metadata">

**Author:** ![Tolriq](http://support.symfonium.app/user_avatar/support.symfonium.app/tolriq/32/726_2.png) [@Tolriq](http://support.symfonium.app/u/Tolriq)\
**Post date:** [February 17, 2025, 8:30pm UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/6 "2025-02-17T20:30:10Z")

</div>

I’ve added a some new background overlay in next version to reach something like this:

 ![image](http://support.symfonium.app/uploads/default/original/2X/0/04a444958804b1b5c900f67beb2059577dc7a3fa.jpeg)

Similar yet different and nice no ?

---

<div class="post-metadata">

**Author:** ![xcuze99](http://support.symfonium.app/letter_avatar_proxy/v4/letter/x/ac8455/32.png) [@xcuze99](http://support.symfonium.app/u/xcuze99)\
**Post date:** [February 18, 2025, 7:39am UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/7 "2025-02-18T07:39:40Z")

</div>

Looks great, Thank you!

---

<div class="post-metadata">

**Author:** ![Tolriq](http://support.symfonium.app/user_avatar/support.symfonium.app/tolriq/32/726_2.png) [@Tolriq](http://support.symfonium.app/u/Tolriq)\
**Post date:** [February 18, 2025, 11:46am UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/8 "2025-02-18T11:46:55Z")

</div>

Will be available as Resonance now playing style in beta 3.

Remember that you can apply one of the integrated styles, then tweak the details and save your own version.

---

<div class="post-metadata">

**Author:** ![switchyftw](http://support.symfonium.app/letter_avatar_proxy/v4/letter/s/ed655f/32.png) [@switchyftw](http://support.symfonium.app/u/switchyftw)\
**Post date:** [May 29, 2025, 7:54pm UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/10 "2025-05-29T19:54:12Z")

</div>

![Screenshot_20250529-224715](http://support.symfonium.app/uploads/default/original/2X/c/c03b7bf452dbcc33b4ea06d5a8fad73e64c1d0b4.png)  
my attempt

---

<div class="post-metadata">

**Author:** ![switchyftw](http://support.symfonium.app/letter_avatar_proxy/v4/letter/s/ed655f/32.png) [@switchyftw](http://support.symfonium.app/u/switchyftw)\
**Post date:** [May 29, 2025, 7:57pm UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/11 "2025-05-29T19:57:12Z")

</div>

by the way, the way i done the fav and more options button is by moving the top bar down and using it as a info field, so i was wondering would there be a feature over this workaround to put buttons next to the info field instead?

---

<div class="post-metadata">

**Author:** ![darkwiiingduck](http://support.symfonium.app/user_avatar/support.symfonium.app/darkwiiingduck/32/12658_2.png) [@darkwiiingduck](http://support.symfonium.app/u/darkwiiingduck)\
**Post date:** [May 31, 2025, 7:25pm UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/12 "2025-05-31T19:25:40Z")

</div>

Please can you send the json file 🙏🏿

---

<div class="post-metadata">

**Author:** ![switchyftw](http://support.symfonium.app/letter_avatar_proxy/v4/letter/s/ed655f/32.png) [@switchyftw](http://support.symfonium.app/u/switchyftw)\
**Post date:** [June 3, 2025, 3:57pm UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/13 "2025-06-03T15:57:37Z")

</div>

[nps-Apple Music-20250603\_185634-symfonium.json](http://support.symfonium.app/uploads/short-url/trtpmxoRqTNbFc8Ino1P7DnVA6.json) (15.3 KB)

---

<div class="post-metadata">

**Author:** ![xcuze99](http://support.symfonium.app/letter_avatar_proxy/v4/letter/x/ac8455/32.png) [@xcuze99](http://support.symfonium.app/u/xcuze99)\
**Post date:** [July 2, 2025, 5:44pm UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/14 "2025-07-02T17:44:45Z")

</div>

![AM 2.0](http://support.symfonium.app/uploads/default/original/2X/b/b51346d5152b41da58e975eda235faf5ca31cc83.jpeg)  
Updated Now Playing Screen.

---

<div class="post-metadata">

**Author:** ![opiumdna](http://support.symfonium.app/letter_avatar_proxy/v4/letter/o/ba9def/32.png) [@opiumdna](http://support.symfonium.app/u/opiumdna)\
**Post date:** [July 28, 2025, 8:56am UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/15 "2025-07-28T08:56:59Z")

</div>

Hello, i want to install this theme but i have a error " invalid theme deteted". How may i resolve this one ? Thanks

---

<div class="post-metadata">

**Author:** ![Obiman](http://support.symfonium.app/user_avatar/support.symfonium.app/obiman/32/7569_2.png) [@Obiman](http://support.symfonium.app/u/Obiman)\
**Post date:** [July 30, 2025, 9:18am UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/16 "2025-07-30T09:18:34Z")

</div>

You’re probably trying to import it in the main interface settings. This is a Now Playing Screen theme. First click on that option, there you should be able to import it correctly.

---

<div class="post-metadata">

**Author:** ![Obiman](http://support.symfonium.app/user_avatar/support.symfonium.app/obiman/32/7569_2.png) [@Obiman](http://support.symfonium.app/u/Obiman)\
**Post date:** [July 30, 2025, 9:20am UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/17 "2025-07-30T09:20:29Z")

</div>

Looks awesome. Care to share it maybe?

---

<div class="post-metadata">

**Author:** ![xcuze99](http://support.symfonium.app/letter_avatar_proxy/v4/letter/x/ac8455/32.png) [@xcuze99](http://support.symfonium.app/u/xcuze99)\
**Post date:** [July 30, 2025, 11:15am UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/18 "2025-07-30T11:15:55Z")

</div>

[nps-Apple Music (Small Top Bar)-20250730\_164452-symfonium.json](http://support.symfonium.app/uploads/short-url/9ISTQt6kEqJKVTXGy6cYE6zmv76.json) (20.6 KB)

---

<div class="post-metadata">

**Author:** ![Obiman](http://support.symfonium.app/user_avatar/support.symfonium.app/obiman/32/7569_2.png) [@Obiman](http://support.symfonium.app/u/Obiman)\
**Post date:** [July 30, 2025, 11:31am UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/19 "2025-07-30T11:31:44Z")

</div>

Much appreciated, thank you very much.

---

<div class="post-metadata">

**Author:** ![Abhishek](http://support.symfonium.app/letter_avatar_proxy/v4/letter/a/7ba0ec/32.png) [@Abhishek](http://support.symfonium.app/u/Abhishek)\
**Post date:** [August 27, 2025, 4:24pm UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/21 "2025-08-27T16:24:44Z")

</div>

@Tolriq [Tried to replicate Apple Music Now Playing Screen - #6 by Tolriq](https://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/6)

can your share your json file?

---

<div class="post-metadata">

**Author:** ![RoyalGuard](http://support.symfonium.app/user_avatar/support.symfonium.app/royalguard/32/4885_2.png) [@RoyalGuard](http://support.symfonium.app/u/RoyalGuard)\
**Post date:** [September 3, 2025, 10:03am UTC](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821/22 "2025-09-03T10:03:16Z")

</div>

I know it’s an old thread. But are you maybe planning a feature where the album cover slides to the top with the lyrics toggle, like Apple Music?

[Next page](http://support.symfonium.app/t/tried-to-replicate-apple-music-now-playing-screen/6821.md?page=2)
