Fluent UI

[FueneChaos]

FLUENT UI

A Theme Inspired from a Concept.

||DETAILS VIEW||

||GRID VIEW||

Installation:

Download the Theme File (.pthm) and Open it or Drag and Drop it into Playnite's Main Window.

Instructions and Recommended Settings:

Make sure to enable "Use game background image as window background" and Set "Blur Background" to Max for getting

the blur effect on the SidePanel.

Make Sure to enable Explorer Panel for Grid View SidePanel's Explorer Panel to Work.

(these settings are located in Details View under Appearance)

Vertical spacing to game details must be enabled

Changing Game list icon height changes the distance between Game Title in the Details view Game list, also icon size.
Also enable everything in "Game fields to be displayed on details panel".

(these settings are located in Layout under Appearance)
The Positions shown in this attachment are highly recommended.
Grid View SidePanel's Width can be adjusted by changing "Grid view details position" Width.
Detail View SidePanel's Width can be adjusted by changing "Details view game list position" Width.
Disable "Draw separator between Panels".






(these settings require the Thememodifier extension and is located in Plugins)
Grid View Background is the background color for Grid View and is set to Transparent in default, set the Opacity to 1 for getting a Solid Background for Grid View.
The Accent Color changes the color of the theme.




To Increase the size of the area highlighted in Yellow, the Value of Vertical spacing to game details(in Details View under Appearance in settings) must be increased.

To Increase the size of area highlighted in Red, the Value of Game Overview Side Settings(under Edit constant in ThemeModifier) must be increased.

To Increase the size of area highlighted in Green, the Value of Game Overview Bottom Settings(under Edit constant in ThemeModifier) must be increased.

Additional Info:


This Theme has a static SidePanel which can be docked to left or right and also resized. The SidePanel cannot be hidden or removed.

Details View SidePanel shows the game library and the Grid View SidePanel Shows the Explorer Panel.

The "Achievements, HowLongToBeat and Screenshots" will only work if the Extensions "SuccessStory, HowLongToBeat and ScreenshotsVisualizer" are installed, Custom theme integration must be enabled.

Everything in the SidePanel works and the Explorer Panel(Grid View) and Library(Details View) can be expanded and collapsed.
 

GitHub Repository: fuenechaos/fluent-ui-playnite: A Theme for Playnite Launcher (github.com)


Change Log:

Version 1.2
- Various Issue Fixes
- Added more ThemeModifier Options
- Performance Optimizations
- Completely Do over of the Overview Panel(new functions)
- Added Extra Metadata Support

Version 1.1
- Fixed Non-Blurred Background not appearing issue.
- Unified Accent color, now the theme color can be changed by just changing the accent color.
- Fixed Various issues in High Resolution Displays.
- Added ThemeModifier options for changing spacing of Game Overview.
- Fixed Text Alignment Issues.
- Fixed Community Score progress bar missing.
- Plugin Buttons (Achievements,HowLongToBeat) will be hidden if they are not installed or enabled.
- Fixed Windows buttons overlap in List View.
- Enabled ScrollBar For Grid View.
-Added text to details, now its not just icons.
- Fixed Windows buttons overlap Explorer Panel and Filter Panel.
-Moved Game Name Inside the Grid in Grid View.


Download(DOES NOT SUPPORT PLAYNITE 9):


  Fluent_UI_1_2.pthm (Size: 227.74 KB / Downloads: 2,165)