Questions tagged [acrylic-material]

For use with questions related to background colors and textures

This should be used on questions related to background colors and textures.

For instance, with Microsoft's Fluent Design System, the use of acrylic materials and brushes is now available to many users of Microsoft Windows.

20 questions
44
votes
4 answers

CSS-only Acrylic Material from Fluent Design System

With the advent of Microsoft's Fluent Design System and the propagation of the new Acrylic Material around the Windows ecosystem, I thought it would be great to use it in some Web layouts. Acoording to the spec, the composition of an acrylic layer…
Erick Petrucelli
  • 14,386
  • 8
  • 64
  • 84
7
votes
4 answers

Acrylic material in win32 app

Microsoft recently revealed their new "fluent" design langauge, and one part of it is the "acrylic" material. This effect makes an element transparent and blurs the background. It can either be applied to a window, such that parts of underlying…
jdm
  • 9,470
  • 12
  • 58
  • 110
4
votes
2 answers

UWP Using Acrylic in Navigation View

Im looking into the Acrylic options for UWP and have bumped into a strange issue. Essentially, Im trying to get the Navigation view to use a custom Acrylic Brush. However, the main window background is more transparent than the Navigationview. I…
Batteredburrito
  • 579
  • 1
  • 5
  • 34
2
votes
1 answer

The property 'backgroundsource' was not found in type 'AcrylicBrush' WinUI

i'm trying to realise how to work with WinUI 3.0 acrylic, but i've stuck on create a custom acrylic brush, cos Visual Studio says there is no property for BackgroundSource in AcrylicBrush, but the docs says it must be, maybe i've missed updates, but…
Th3Suspect
  • 25
  • 4
2
votes
1 answer

WPF ContextMenu Submenu Style

How does one set the style of a sub-menu under a ContextMenu? Here is the code for ContextMenu:
CHKAM
  • 53
  • 7
2
votes
1 answer

UWP setting themeresource acrylic in code behind

I have a UWP app and I want to upgrade it to fluent design system. I have created a new project using Windows Template Studio and my navigation is with Pivot. Now I want to put acrylic background on the header of the pivot. as mentioned in the…
Muhammad Touseef
  • 4,357
  • 4
  • 31
  • 75
1
vote
2 answers

Why is Acrylic Brush Not Supported in UWP?

I have created a basic UWP app, and when I try to use the Acrylic brush like this:
little_monkey
  • 401
  • 5
  • 17
1
vote
2 answers

How to implement rounded corners for window that call SetWindowCompositionAttribute

Calling SetWindowCompositionAttribute can indeed add the acrylic effect of Win10 to the window, but I have a problem that I still can't solve, that is, how to realize the rounded window while adding the acrylic effect. As shown in the picture below,…
zhiyi
  • 111
  • 1
  • 9
1
vote
2 answers

UWP Is there a way to disable Acrylic for the entire app and use the fallback color always?

Im currently working on a UWP app that looks something like this with Acrylic on the left panel: Now when I enable power saving mode on my laptop, the acrylic gets replaced with its fallback color: Now I want an option in my app's settings screen…
nreh
  • 476
  • 8
  • 13
1
vote
1 answer

How to set a specific image as a Fluent Design AcrylicBackgroundSource

How to set an specific image as a Fluent Design AcrylicBackgroundSource to use in PIP mode (CompactOverlay) like Groove Music PIP feature
Ahmed Walid
  • 57
  • 2
  • 10
1
vote
1 answer

UWP fluent design in XamarinForms

I'm creating a XamarinFroms solution and i want to implement Fluent Design or pats of it in my UWP app. As you may know, Most of Fluent Design building blocks are ThemeResources. so i tried to do: if…
1
vote
1 answer

How to add an AcrylicBrush to the toolbar only in UWP

How to make apply an acrylic material to the TitleBar only in UWP (Just like Microsoft Edge). In scenarios like Pivots. You use extend the view to the title bar. But what If it's just an ordinary Single page app and you want to make the title bar…
Adham Ali
  • 81
  • 8
0
votes
1 answer

How to modify the transparency of acrylic material

I'm trying to learn a few things about UWP through an example I downloaded from GitHub (I am totally amateur about UWP and I know it would be best to read a book for beginners) In the example the left pane uses Background="{ThemeResource…
0
votes
0 answers

How do I enable Acrylic/Mica for win32 app using system functions calls on Windows 10 1903+/ Windows 11

Known (MS undocumented) way to enable Acrylic stopped working in Windows 10 1903. Does someone know how enable it for win32 application under Windows 1903+. Also Windows 11 provides new Mica material. Who knows how enable it for win32 application?
Progman
  • 129
  • 9
0
votes
1 answer

uwp acrylic tint color black appears dark gray

In my uwp app I am trying to use the Acrylic Brush, I made a custom one because the default ones are not working for me. But if you notice here I have attached image from Microsoft docs and on right side is window of my app showing acrylic…
Muhammad Touseef
  • 4,357
  • 4
  • 31
  • 75
1
2