09-13-2021, 08:13 PM
(This post was last modified: 06-12-2022, 06:22 PM by davidkgriggs.)
FOR PLAYNITE 9 ONLY
Playnite Modern UI
This theme aims to replicate the Modern UI styling applied to most modern Media applications. It supports a Horizontal Layout or Grid View that is easily changed with the click of a button..
![[Image: Sokaagn.jpg]](https://i.imgur.com/Sokaagn.jpg)
Newest Releases
PlayniteModernUI: https://github.com/davidkgriggs/Playnite.../releases/
To Modify the theme install the following extension:
DKG Theme Modifier: https://github.com/davidkgriggs/DKG-Them...r/releases
Please read the guides for installation below, they will answer most questions.
Please raise any issues or feature requests on GitHub: https://github.com/davidkgriggs/PlayniteModernUI/wiki
-- Main Thread --
![[Image: 4yOKKVp.jpg]](https://i.imgur.com/4yOKKVp.jpg)
![[Image: OAWLY14.jpg]](https://i.imgur.com/OAWLY14.jpg)
![[Image: MJBbx7L.jpg]](https://i.imgur.com/MJBbx7L.jpg)
![[Image: AzcqnAx.jpg]](https://i.imgur.com/AzcqnAx.jpg)
-- Settings --
![[Image: WoQULLp.png]](https://i.imgur.com/WoQULLp.png)
-- Installation Instructions --
-- Installation --
Just install the theme. Then set your preferred Columns for Horizontal Layout and preferred Rows for Grid View.
-- Adding Filter Icons --
Follow the Wiki guide here: https://github.com/davidkgriggs/Playnite...lter-Icons
-- Adding Micro Trailers and Trailers --
Micro Trailers are used on the Cover Images in the Main view, Trailers are used in the Game Details view.
To add Micro Trailers and Trailers please use the extension Extra Metadata Tools Video by darklinkpower, found here: https://playnite.link/forum/thread-575.html
-- Video Intro --
To use Video Intro’s, you will need to install the DKG Theme Modifier, this will have a check box to enable Video Intro’s.
You will need to copy your video to:
%APPDATA%\Playnite\ExtraMetadata\Themes\Fullscreen\PlayniteModernUI
Your video needs to be named:
IntroVideo.mp4
Videos are muted by default so they do not collide with Playnite Sounds on Startup, you can unmute the Video Intro in the DKG Theme Modifier.
Here are links to a Video Intro and some Video Backgrounds I made:
Intro Video: https://www.mediafire.com/file/bdmda76uk...o.mp4/file
Video Background 1080p: https://www.mediafire.com/file/39yiz1scv...p.mp4/file
Video Background 2160p: https://www.mediafire.com/file/42n4mlxza...p.mp4/file
-- Extra Metadata Tools --
This Extension allows you to add Logo's for each game. All media is retained in the Extra Metadata Tools folder so is not deleted upon theme updates.
You'll need to go to https://playnite.link/forum/thread-575.html and follow any instructions for installation of the plugin.
You should see a pop up like below when starting my theme for the first time with this extension installed, just click OK and restart Playnite and it will all be working. If you don't see this pop up please restart Playnite until you do.
![[Image: s3E1Z8f.png]](https://i.imgur.com/s3E1Z8f.png)
-- SuccessStory Integration --
For Trophy's Earned to show you need to install the latest version of SuccessStory which can be found here: https://playnite.link/forum/thread-275.html
-- Adding Square Covers --
This can now be done with the SGDB Metadata Extension found here: https://playnite.link/forum/thread-194.html
Please follow instructions on that post.
Please follow instructions on that post.
-- Tutorial - Quick Guide To Add Images --
This is a quick guide to adding images more easily for this theme.For Cover Images click the "G" like below, then replace the word "cover" with imagesize:1024x1024 site:store.playstation.com like below. This will find images only from the Playstation Store, you can remove site:store.playstation.com if you don't want images just from there.
![[Image: y6Su75B.png]](https://i.imgur.com/y6Su75B.png)
For Background Images click the "G" like below, then replace the word "wallpaper" with imagesize:3840x2160 site:store.playstation.com like below. This will find images only from the Playstation Store, you can remove site:store.playstation.com if you don't want images just from there.
![[Image: JkfVrxw.png]](https://i.imgur.com/JkfVrxw.png)
For any of the imagesize: bits you can add your own resolutions. Hopefully this guide helps.