before you jump from the roof
here is the gerneric part (in the other parts you have to change the textxcolor description Music,Photo and place some textcolor im msstyle, and you have to
put a image in the GenericEdit BackGround subfolder, and later in the others too !!!)
<MetadataElement ThemeSubApp="GenericPreviewPaneControl" />
<if id="atom(clientviewhost)">
<ViewHost
foreground="windowtext"
background="themeable(gtc(ItemsView, 0, 0, 3802), window)"
sortcolumn="themeable(gtc(ItemsView, 0, 0, 3802), window)"
subtext="ARGB(255, 139, 139, 139)"
animation="rectangle|s|fast"
/>
</if>
<if id="atom(listview)">
<DUIListView
animation="rectangle|s|fast"
/>
</if>
<element id="atom(animation)" animation="rectangle|exp|fast"/>
<MetadataLabel foreground="themeable(gtc(GenericPreviewPaneControl::Edit, 1, 0, 3803), windowtext)" fontstyle="shadow" />
<MetadataElement foreground="themeable(gtc(PreviewPane, 7, 1, 3803), windowtext)" fontstyle="shadow" />
<if id="atom(PreviewMetadataControlEditable)"><MetadataDisplayElement foreground="themeable(gtc(PreviewPane, 7, 2, 3803), windowtext)" fontstyle="shadow" />
</if>
<if id="atom(PreviewMetadataEditControl)"> <InPlaceEdit foreground="themeable(gtc(PreviewPane, 7, 2, 3803), windowtext)" fontstyle="shadow" />
</if>
<if id="atom(PreviewMetadataSubTitleControl)"><MetadataElement foreground="themeable(gtc(GenericPreviewPaneControl::Edit, 1, 0, 3803), windowtext)" fontstyle="shadow" />
</if>
<if id="atom(PreviewMetadataTitleControl)"> <MetadataElement foreground="themeable(gtc(GenericPreviewPaneControl::Edit, 1, 0, 3803), windowtext)" fontstyle="shadow" />
</if>
<if id="atom(ItemCountLabel)"> <MetadataLabel foreground="themeable(gtc(GenericPreviewPaneControl::Edit, 1, 0, 3803), windowtext)" fontstyle="shadow" />
</if> <PreviewMetadata padding="Rect(10rp, 5rp, 10rp, 3rp)" /> <MetadataDisplayElement contentalign="bottomleft | endellipsis" />
<if id="atom(PreviewMetadataRow)"> <Element height="18rp" />
</if>
<if id="atom(PreviewMetadataControlEditable)"> <MetadataDisplayElement cursor="ibeam" />
<if KeyFocused="true"> <MetadataDisplayElement contentalign="focusrect | bottomleft | endellipsis" />
</if>
</if>
<if id="atom(PreviewMetadataEditControl)"> <InplaceEdit contentalign="bottomleft | endellipsis"/>
</if>
<if id="atom(PreviewMetadataReadOnlyControl)"> <InplaceEdit contentalign="bottomleft | endellipsis"/>
</if>
<if id="atom(PreviewForceLoadMetadata)">
<Button background="themeable(dtb(PreviewPane, 2, 1), ARGB(0, 0, 0, 0))" foreground="gtc(FlyoutStyle, 3, 3, 3803)"
cursor="hand" contentalign="bottomleft" font="9;Semibold;shadow;Segoe UI" height="18rp" />
<if MouseFocused="true"> <Button background="themeable(dtb(PreviewPane, 2, 2), ARGB(0, 0, 0, 0))" />
</if>
<if KeyFocused="true"> <Button contentalign="focusrect | bottomleft" />
</if>
</if> <PreviewThumbnail padding="Rect(18rp, 14rp, 4rp, 4rp)" background="ARGB(0, 0, 0, 0)" />
<if id="atom(PreviewMetadataTitleControl)"> <MetadataElement font="16;Normal;shadow;Segoe UI" height="24rp" />
</if>
<if id="atom(PreviewMetadataSubTitleControl)"> <MetadataElement font="10;Semibold;shadow;Segoe UI" height="18rp" />
</if>
<if id="atom(PreviewMetadataControl)"> <MetadataElement font="9;Semibold;shadow;Segoe UI" contentalign="bottomleft | endellipsis" />
</if>
<if id="atom(ItemCountLabel)"> <MetadataLabel font="16;Normal;shadow;Segoe UI" contentalign="bottomleft | endellipsis" height="24rp" />
</if>
<if id="atom(PreviewMetadataSpacer)"> <Element height="18rp" />
</if>
<if id="atom(PreviewEditMetadata)"> <Element height="18rp" />
</if>
<MetadataLabel padding="Rect(0rp, 0rp, 3rp, 0rp)" font="9;Semibold;shadow;Segoe UI" contentalign="bottomright | endellipsis" height="18rp" />
<Sizer background="ARGB(0, 0, 0, 0)" /> <if SlidesUpAndDown="true"> <Sizer height="5rp" cursor="sizens" />
</if>
<if SlidesUpAndDown="false">
<Sizer width="3rp" cursor="sizewe" />
</if>
<if id="atom(PreviewPaneSizer)"> <Sizer background="themeable(ARGB(0, 0, 0, 0), buttonface)" />
</if>
<if id="atom(PageSpaceControlSizer)"> <Sizer background="themeable(dtb(PreviewPane, 3, 0), buttonface)" borderthickness="rect(0rp,0rp,0rp,0rp)" />
</if>
<if id="atom(ReadingPaneSizer)"> <Sizer background="themeable(dtb(PreviewPane, 4, 0), buttonface)" borderthickness="rect(0rp,0rp,0rp,0rp)" />
</if>
<if id="atom(ProperTreeExpandoSizer)"><Sizer background="buttonface" bordercolor="buttonhighlight" borderstyle="solid" borderthickness="rect(0rp,1rp,0rp,1rp)" height="4rp" />
</if>
<if id="atom(PreviewPaneSizer)"> <Sizer InitialSize="53" MinSize="53" ReservedSpace="170" FramePersistType="2" />
</if>
<if id="atom(CommonItemDialogSizer)"> <Sizer InitialSize="100" MinSize="100" FramePersistType="2" />
</if>
<if id="atom(PageSpaceControlSizer)"> <Sizer InitialSize="160" MinSize="60" ReservedSpace="132" FramePersistType="2" ReservedMaster="atom(ReadingPane)" />
</if>
<if id="atom(ProperTreeExpandoSizer)"><Sizer InitialSize="120" ReservedSpace="26" FramePersistType="2" InitialMaxxedOut="true" />
</if>
<if id="atom(PreviewPaneSizer)"> <Sizer ExplorerVisibility="{43abf98b-89b8-472d-b9ce-e69b8229f019}" DisablingPolicy="{17067f8d-981b-42c5-98f8-5bc016d4b073}"/>
</if>
<if id="atom(ReadingPaneSizer)"> <Sizer ExplorerVisibility="{893c63d1-45c8-4d17-be19-223be71be365}" DisablingPolicy="{33dcce8d-b6f8-4b7a-ac93-45e301f956aa}" />
</if>
<if id="atom(PageSpaceControlSizer)"> <Sizer ExplorerVisibility="{cb316b22-25f7-42b8-8a09-540d23a43c2f}" />
</if>
<if id="atom(ReadingPaneSizer)"> <Sizer InitialSize="260" MinSize="68" ReservedSpace="202" GrowTargetFirst="true" ReservedMaster="atom(PageSpaceControlSizer)"
FramePersistType="3" InitialVisibility="false" /> </if>
<TemplateBackground background="themeable(dtb(GenericPreviewPaneControl::Edit, 3, 1), window)" />
<if id="atom(ReadingPane)">
<TemplateBackground background="themeable(dtb(GenericPreviewPaneControl::Edit, 3, 1), window)"
font="gtf(TextStyle, 4, 0)" />
</if>
<if id="atom(RPaneCoverSheet_NoSel)"><Element foreground="themeable(gtc(ReadingPane, 2, 0, 3803), windowtext)" background="ARGB(0, 0, 0, 0)" />
</if>
<if id="atom(PreviewShineLayer)"> <TemplateBackground background="themeable(dtb(PreviewPane, 1, 1), window)" />
</if>
<if Vertical="true" id="atom(PreviewShineLayer)"> <TemplateBackground background="themeable(dtb(PreviewPane, 1, 2), window)" />
</if>
</style>