diff --git a/DefaultControls/Button.xaml b/DefaultControls/Button.xaml index 5985375..4a1ce96 100644 --- a/DefaultControls/Button.xaml +++ b/DefaultControls/Button.xaml @@ -35,5 +35,38 @@ - + + + \ No newline at end of file diff --git a/DefaultControls/ListView.xaml b/DefaultControls/ListView.xaml index 97bceae..fcdf9cb 100644 --- a/DefaultControls/ListView.xaml +++ b/DefaultControls/ListView.xaml @@ -124,8 +124,8 @@ - - + + @@ -136,6 +136,7 @@ + diff --git a/DerivedStyles/DetailsViewItemStyle.xaml b/DerivedStyles/DetailsViewItemStyle.xaml index a976c31..a61b304 100644 --- a/DerivedStyles/DetailsViewItemStyle.xaml +++ b/DerivedStyles/DetailsViewItemStyle.xaml @@ -2,7 +2,7 @@ xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> + + + + + + \ No newline at end of file diff --git a/DerivedStyles/PlayButton.xaml b/DerivedStyles/PlayButton.xaml index 7a510aa..8ee09bf 100644 --- a/DerivedStyles/PlayButton.xaml +++ b/DerivedStyles/PlayButton.xaml @@ -1,7 +1,9 @@  + + + \ No newline at end of file diff --git a/Images/info.png b/Images/info.png new file mode 100644 index 0000000..39bf451 Binary files /dev/null and b/Images/info.png differ diff --git a/Images/infohovered.png b/Images/infohovered.png new file mode 100644 index 0000000..01920ed Binary files /dev/null and b/Images/infohovered.png differ diff --git a/Images/settings.png b/Images/settings.png new file mode 100644 index 0000000..314046e Binary files /dev/null and b/Images/settings.png differ diff --git a/Images/settingshovered.png b/Images/settingshovered.png new file mode 100644 index 0000000..5968f45 Binary files /dev/null and b/Images/settingshovered.png differ diff --git a/README.md b/README.md index faf1a6e..1d1efc9 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,40 @@ # SteamNite-High-Res A custom theme that mimics the Steam client's look for Playnite. Version for 1440p and 4K screens. + +![img](https://i.imgur.com/qR4NZTk.png) + +![img](https://i.imgur.com/Pj62FSA.png) + +![img](https://i.imgur.com/nHBHpgd.png) + +## Installation + +Just drag and drop the .pthm file into Playnite's window + +## Usage + +The whole interface is based on the new Steam UI, which means you can use assets you used on your Steam library with this skin. + +![img](https://i.imgur.com/lucOPx2.png) + +If you want to achieve the same look as in the screenshots, here are my recommended settings : + +![img](https://i.imgur.com/v1msy5v.png) + +![img](https://i.imgur.com/BPRqtm0.png) + +![img](https://i.imgur.com/BBfAijh.png) + +![img](https://i.imgur.com/gMZzYiS.png) + +![img](https://i.imgur.com/XKv8JRd.png) + +Games' icon are used as logos. Unfortunately, you can't change logos' location or size in Playnite itself. You can do it by editing an XAML file, however this applies to every logo. Here's how : + +- Head to your Playnite's install directory (by default C:\Users\"User"\AppData\Local\Playnite) + +- Go to Themes > Desktop > SteamNite > Views and open "DetailsViewGameOverview.xaml" + +- Go to line 39, where it says "Name="PART_ImageIcon". You can edit logos' size with "MaxHeight" and "MaxWidth" values, as well as logos' location by editing "VerticalAlignment" and "HorizontalAlignment". Accepted values are Center, Top, Bottom and Center, Left, Right. + +- Don't hesitate to report bugs and give me feedbacks. I'll try to polish the skin as much as possible. Also don't hesitate to edit the skin yourself if you know how to use Microsoft Blend. diff --git a/Views/DetailsViewGameOverview.xaml b/Views/DetailsViewGameOverview.xaml index ab56d77..c573be2 100644 --- a/Views/DetailsViewGameOverview.xaml +++ b/Views/DetailsViewGameOverview.xaml @@ -12,7 +12,7 @@ - + @@ -32,17 +32,18 @@ - + + - - - + + + @@ -52,7 +53,7 @@ - + + + diff --git a/Views/ExplorerPanel.xaml b/Views/ExplorerPanel.xaml index a5374da..2c58b6f 100644 --- a/Views/ExplorerPanel.xaml +++ b/Views/ExplorerPanel.xaml @@ -24,10 +24,10 @@ - - + - diff --git a/Views/FilterPanel.xaml b/Views/FilterPanel.xaml index 73c3eed..833a1f0 100644 --- a/Views/FilterPanel.xaml +++ b/Views/FilterPanel.xaml @@ -30,7 +30,7 @@ DockPanel.Dock="Right" Margin="0,-5,5,0" FontSize="25" Name="PART_ButtonClose"/> + DockPanel.Dock="{Settings GridViewDetailsPosition}" /> @@ -32,9 +32,41 @@ - - diff --git a/Views/MainPanel.xaml b/Views/MainPanel.xaml index 5b82857..7b32575 100644 --- a/Views/MainPanel.xaml +++ b/Views/MainPanel.xaml @@ -24,65 +24,62 @@ - - - + + + + Width="290" Background="#3F000000" BorderBrush="Transparent"/> - - + - - - - - + + + + + + + + + + + + + + + + + + + Style="{DynamicResource HighlightBackground}"> + Margin="0,-1,1,0" Name="Tweakbutton"/>