Missing Media Transport Control Icons

[andreaxhearts]

Description

The font glyphs that are used for the previous, play/pause, and next buttons are not displaying correctly in Windows 10.

The below files are responsible for drawing the controls and the flyout.

Seoge Fluent Icons font already has the icons that could be used here. I don't know how to make this edit to the files myself, though. P.S. I already had the Fluent font installed. Although it doesn't make a difference without it.

_{twinui.dll.mun : UIFILE 8801}

<Element id="atom(TransportControlsContainer)" background="dtb(DarkMode::ItemsView,1,3)" borderthickness="rect(11rp,2rp,117rp,21rp)" bordercolor="20575" layout="borderlayout()" layoutpos="bottom" accessible="true" active="mouse|pointer|nosyncfocus">
    <TouchButton id="atom(idPrevious)" layout="borderlayout()" layoutpos="left" class="commandButton" active="mouse|pointer|nosyncfocus">
        <RichText id="atom(Glyph)"/>
    </TouchButton>
    <Element id="atom(idButtonSpacer)" layoutpos="left"/>
    <TouchButton id="atom(idPlayPause)" layout="borderlayout()" layoutpos="left" class="commandButton" active="mouse|pointer|nosyncfocus">
        <RichText id="atom(Glyph)"/>
    </TouchButton>
    <Element id="atom(idButtonSpacer)" layoutpos="left"/>
    <TouchButton id="atom(idNext)" layout="borderlayout()" layoutpos="left" class="commandButton" active="mouse|pointer|nosyncfocus">
        <RichText id="atom(Glyph)"/>
    </TouchButton>
</Element>

<if id="atom(Glyph)">
	<RichText foreground="gtc(DirectUI::ItemsView,0,0,3803)" font="resstr(8820, library(twinuifonts.dll))" contentalign="middlecenter" overhang="false" width="20rp" height="20rp"/>
</if>
<if id="atom(idButtonSpacer)">
	<Element background="20575" width="10rp"/>
</if>
<if id="atom(idTransportControls)">
	<Element background="20575" margin="rect(8rp,0rp,0rp,0rp)" padding="rect(12rp,0rp,0rp,0rp)"/>
</if>

_{twinuifonts.dll : StringTable 552}

STRINGTABLE
LANGUAGE LANG_ENGLISH, SUBLANG_ENGLISH_US
{
  8818, 	"iconfont;115%"
  8819, 	"iconfont;115%;semibold"
  8820, 	"14pt;Normal;None;Back Button Icons"
  8823, 	"iconfont;200%;semibold"
  8824, 	"iconfont;200%;semibold"
  8825, 	"10pt;normal;None;Segoe Fluent Icons"
}

Tested Versions:
Rectify11 3.2.70.1
Windows 10 22H2 19045.4651
Windows 10 22H2 19045.2006

Steps To Reproduce

1. Run Rectify11 Installer
2. System Icons are checked
3. Finish installer and Reboot
4. Play audio/video source that shows up in the overlay

Workarounds:
(C:\Windows\SystemResources\twinui.dll.mun)

1. You can remove all properties from the TransportControlsContainer,
   i.e. use <Element id="atom(TransportControlsContainer)"> (UIFILE > 8801)
   This gets a rid of the buttons, though.

2. You can opt to not replace the twinui.dll.mun during install and the default Windows overlay looks fine. Rectify11 won't touch it. (System Icons > Basic > twinui.dll.mun, uncheck)

3. Use ModernFlyouts.

Rectify11 Version

3.2.70.1

Windows Version

Windows 10 22H2 19045.4651

Logs