PS5ish - A PS5 UI Inspired Theme

[amoda]

hello
First I want to really thank you for the great work and detailed step by step explanation for everything. I just want to ask is there any way to add background music to the theme? or this is still not supported by PLaynite? thank you

No problem, glad you're enjoying it! Technically it is broken, the music continues playing even after starting a game. However Playnite version 9 will have proper background music support built in so I'll add it all back then. 
My theme does support it now though, although as I said it will continue playing when you start a game. If you do want to add it though you just need to drop a music file with the name background.mp3 into the Music folder in the theme directory.

Much appreciated. Thank you

[davidkgriggs]

Updated to v2.1.
Now the theme is closer to PS5 UI, I've added a new version called PS5ish Pure that is as close to the PS5 UI as I can currently get. There is now SuccessStory integration for trophy's, the theme will now show Trophy's Earned if you have SuccessStory installed and a setting turned on, see -- SuccessStory Integration --
EDIT: I posted this ahead of the newest SuccessStory being released, so it will currently not work properly for you (I had a test version of SuccessStory to play with), you will have to wait for SuccessStory to be updated.

[Pedro Josefino]

Hello, I have the PS5ish installed and everything is configured, but I installed Pure and it looks like this:

https://i.postimg.cc/zfTY8W1H/Pure.png

What could be wrong?

[davidkgriggs]

Hello, I have the PS5ish installed and everything is configured, but I installed Pure and it looks like this:

https://i.postimg.cc/zfTY8W1H/Pure.png

What could be wrong?

PS5ish has different installation instructions to PS5ish Pure. PS5ish Pure doesn't need the modification to the fullscreenconfig.json. It just needs 10 Rows set which can be done in full screen mode. So set columns to 10 and it should solve the issue. The Playstation Icons at the bottom is strange. Change them to Xbox in the settings. I'll look into whether there is a bug with the Playstation ones.

[Pedro Josefino]

Hello, I have the PS5ish installed and everything is configured, but I installed Pure and it looks like this:

https://i.postimg.cc/zfTY8W1H/Pure.png

What could be wrong?

PS5ish has different installation instructions to PS5ish Pure. PS5ish Pure doesn't need the modification to the fullscreenconfig.json. It just needs 10 Rows set which can be done in full screen mode. So set columns to 10 and it should solve the issue. The Playstation Icons at the bottom is strange. Change them to Xbox in the settings. I'll look into whether there is a bug with the Playstation ones.

I changed it to 10 collumns and it was right, thanks, your theme is the best.

[aminenr]

I just wanna say that I love this theme its so simplistic and clean with clear instructions , I hope you continue your support to it . Thanks

[davidkgriggs]

I just wanna say that I love this theme its so simplistic and clean with clear instructions , I hope you continue your support to it . Thanks

Glad you're enjoying it. I will certainly continue to support it for the foreseeable future. I hope to make it as close as can be to the real experience.

[Diplo009]

Now it's just indistinguishable from a real PS5!) Thank you so much for this great update! It turns out that it looks much better without the right cover =)

[justinlcw]

is it possible to add a video background? like this theme https://playnite.link/forum/thread-534.html

it would be really cool to have the PS5 menu/bios looping animation as the background instead of game wallpapers!

EDIT: I managed to do it, through some trial & error of code copied from the theme i linked above. Can't find a looping official PS5 menu animation (without the flashing controller prompt)...so just using a generic dark polygon animation found on youtube for now. 

1. Create a folder named "Videos" in %appdata%\Roaming\Playnite\Themes\Fullscreen\"PS5ishFolder"
   
2. Put the video file in the above "Videos" folder
   
3. Open/Edit Main.xaml in %AppData%\Roaming\Playnite\Themes\Fullscreen\"PS5ishFolder"\Views
   
4. Between line 15 and line 28 , insert the following
   

<MediaElement MediaElementBehaviors.Repeat="True" Stretch="UniformToFill">
<MediaElement.Style>
<Style>
<Setter Property="MediaElement.Source" Value="../Videos/video.mp4" />
<Style.Triggers>
<DataTrigger Binding="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}, Path=IsActive}" Value="False">
<Setter Property="MediaElement.Source" Value="" />
</DataTrigger>
</Style.Triggers>
</Style>
</MediaElement.Style>
</MediaElement>

Save Main.xaml, then restart Playnite

its kinda hacky way to do it, but as far as i can tell...it works. At least until official background video support is implemented. 
thanks to Codiox, Crow and Joyrider3774 for the code. and of cos davidkgriggs for this theme!

[davidkgriggs]

is it possible to add a video background? like this theme https://playnite.link/forum/thread-534.html

it would be really cool to have the PS5 menu/bios looping animation as the background instead of game wallpapers!

EDIT: I managed to do it, through some trial & error of code copied from the theme i linked above. Can't find a looping official PS5 menu animation (without the flashing controller prompt)...so just using a generic dark polygon animation found on youtube for now. 

1. Create a folder named "Videos" in %appdata%\Roaming\Playnite\Themes\Fullscreen\"PS5ishFolder"
   
2. Put the video file in the above "Videos" folder
   
3. Open/Edit Main.xaml in %AppData%\Roaming\Playnite\Themes\Fullscreen\"PS5ishFolder"\Views
   
4. Between line 15 and line 28 , insert the following
   

<MediaElement MediaElementBehaviors.Repeat="True" Stretch="UniformToFill">
<MediaElement.Style>
<Style>
<Setter Property="MediaElement.Source" Value="../Videos/video.mp4" />
<Style.Triggers>
<DataTrigger Binding="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}, Path=IsActive}" Value="False">
<Setter Property="MediaElement.Source" Value="" />
</DataTrigger>
</Style.Triggers>
</Style>
</MediaElement.Style>
</MediaElement>

Save Main.xaml, then restart Playnite

its kinda hacky way to do it, but as far as i can tell...it works. At least until official background video support is implemented. 
thanks to Codiox, Crow and Joyrider3774 for the code. and of cos davidkgriggs for this theme!

I'll look into implementing this in the next release, I tried using this method to have background music and it worked, the music stopped when you open a game and comes back on when you're back to Playnite, but if I left Playnite open for a long time it would freeze up. So more testing is needed for it to be stable, then I'll add it in.

[Arturo torres]

hi guys, is there any way to fix the clock error?

[davidkgriggs]

hi guys, is there any way to fix the clock error?

What clock error?

[aminenr]

hi , is there a way to add background music , thanks

[davidkgriggs]

hi , is there a way to add background music , thanks

My next release will support background music and background video. I'm currently making a background video that looks like the PS5 background to work with this theme. Hopefully I'll be releasing it within the next week.

[aminenr]

ahh ok thanks will wait for it then

[Arturo torres]

hi guys, is there any way to fix the clock error?

What clock error?

this error
https://drive.google.com/file/d/1UPcr1RS...sp=sharing

[davidkgriggs]

hi guys, is there any way to fix the clock error?

What clock error?

this error
https://drive.google.com/file/d/1UPcr1RS...sp=sharing

I'm not sure how that's happened. The clock just takes the formatting from Windows clock formatting. I have mine as 0:00am in the settings, I think it's the default for Windows. Try changing your Windows Clock settings to this and see.

[hunt363]

hi guys, is there any way to fix the clock error?

What clock error?

this error
https://drive.google.com/file/d/1UPcr1RS...sp=sharing

I'm not sure how that's happened. The clock just takes the formatting from Windows clock formatting. I have mine as 0:00am in the settings, I think it's the default for Windows. Try changing your Windows Clock settings to this and see.

Mine is formatted as 00:00 AM in the settings and I had this issue too. What I did to fix it was, open the Main.xaml file in the views folder, go to line 104 and change

Margin="0,0,10,0"

 to

Margin="0,0,-10,0"

That fixed it for me.
Speaking of changes I made, I also disabled the game descriptions in the details view because I just think it looks cleaner without the descriptions.

[davidkgriggs]

What clock error?

this error
https://drive.google.com/file/d/1UPcr1RS...sp=sharing

I'm not sure how that's happened. The clock just takes the formatting from Windows clock formatting. I have mine as 0:00am in the settings, I think it's the default for Windows. Try changing your Windows Clock settings to this and see.

Mine is formatted as 00:00 AM in the settings and I had this issue too. What I did to fix it was, open the Main.xaml file in the views folder, go to line 104 and change

Margin="0,0,10,0"

 to

Margin="0,0,-10,0"

That fixed it for me.
Speaking of changes I made, I also disabled the game descriptions in the details view because I just think it looks cleaner without the descriptions.

Thanks for this. Didn't realise there was an issue, I'll try to fix it in the next release so it works with either format. I can also look into adding an easy way to disable the game description like I have for other things to turn on and off in case other people want to get rid of it too.

[Arturo torres]

What clock error?

this error
https://drive.google.com/file/d/1UPcr1RS...sp=sharing

I'm not sure how that's happened. The clock just takes the formatting from Windows clock formatting. I have mine as 0:00am in the settings, I think it's the default for Windows. Try changing your Windows Clock settings to this and see.

Mine is formatted as 00:00 AM in the settings and I had this issue too. What I did to fix it was, open the Main.xaml file in the views folder, go to line 104 and change

Margin="0,0,10,0"

 to

Margin="0,0,-10,0"

That fixed it for me.
Speaking of changes I made, I also disabled the game descriptions in the details view because I just think it looks cleaner without the descriptions.

thanks you are a crack