Use the acrylic menu to further adapt Fluent Design.

%3CLINGO-SUB%20id%3D%22lingo-sub-2649603%22%20slang%3D%22zh-CN%22%3EUse%20the%20acrylic%20menu%20to%20further%20adapt%20Fluent%20Design.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2649603%22%20slang%3D%22zh-CN%22%3E%3CP%3EUse%20the%20acrylic%20menu%20to%20further%20adapt%20Fluent%20Design.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20noticed%20that%20in%20Microsoft%20Edge%2C%20if%20you%20are%20in%20the%20Canary%20channel%2C%20by%20enabling%20the%20Windows%2011%20visual%20update%20logo%2C%20you%20will%20get%20a%20context%20menu%20of%20acrylic%20material.%20as%20the%20picture%20shows.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAcrylic%20effects%20are%20now%20used%20for%20all%20temporary%20pop-up%20area%20backgrounds%2C%20such%20as%20context%20menus%20(the%20picture%20shows%20the%20desktop%20context%20menu)%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22win11-context-menu%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F303458i6F9865F51900A0E1%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22win11-context-menu%22%20alt%3D%22Content%20menu%20of%20desktop%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3EContent%20menu%20of%20desktop%3C%2FSPAN%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Windows-11-right-click-menu%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F303459iE343F3EBC88A3775%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Windows-11-right-click-menu%22%20alt%3D%22content%20menu%20of%20file%20explorer%22%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-caption%22%20onclick%3D%22event.preventDefault()%3B%22%3Econtent%20menu%20of%20file%20explorer%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Esearch%20results%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Q5g7DBtezwDEMuQxQ5U3SK-1200-80%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F303462i67D5A908748C61AF%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Q5g7DBtezwDEMuQxQ5U3SK-1200-80%22%20alt%3D%22Q5g7DBtezwDEMuQxQ5U3SK-1200-80%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CBR%20%2F%3EStart%20Menu%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Windows-11-Start-Dark-800x533%22%20style%3D%22width%3A%20800px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F303467i1812F0AC116CF20D%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Windows-11-Start-Dark-800x533%22%20alt%3D%22Windows-11-Start-Dark-800x533%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CBR%20%2F%3EEdge%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Microsoft-Edge-new-dark-mode%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F303464i7AA2C68D60014577%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Microsoft-Edge-new-dark-mode%22%20alt%3D%22Microsoft-Edge-new-dark-mode%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20new%20Teams%20is%20based%20on%20WebView2%2C%20and%20the%20right-click%20menu%20should%20be%20adapted%20to%20the%20acrylic%20effect%2C%20which%20is%20consistent%20with%20the%20visual%20update%20of%20Windows%2011.%20Furthermore%2C%20if%20WinUI3%20can%20be%20used%20to%20reconstruct%20Microsoft%20Teams%2C%20it%20will%20be%20more%20harmonious%20and%20consistent%20with%20other%20Windows%20software.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2649603%22%20slang%3D%22zh-CN%22%3E%3CLINGO-LABEL%3EFluent%20Design%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EUI%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Contributor

Use the acrylic menu to further adapt Fluent Design.

 

I noticed that in Microsoft Edge, if you are in the Canary channel, by enabling the Windows 11 visual update logo, you will get a context menu of acrylic material. as the picture shows.

 

Acrylic effects are now used for all temporary pop-up area backgrounds, such as context menus (the picture shows the desktop context menu);

Content menu of desktopContent menu of desktopcontent menu of file explorercontent menu of file explorer

 

search results

 

Q5g7DBtezwDEMuQxQ5U3SK-1200-80


Start Menu

Windows-11-Start-Dark-800x533


Edge
Microsoft-Edge-new-dark-mode

 

The new Teams is based on WebView2, and the right-click menu should be adapted to the acrylic effect, which is consistent with the visual update of Windows 11. Furthermore, if WinUI3 can be used to reconstruct Microsoft Teams, it will be more harmonious and consistent with other Windows software.

2 Replies
Thanks for taking the time to share with the community.
Are there any chances to use the native menu?