CODEWITHSUNDEEP
xamluwpfluent-designacrylic-material
Muhammad Touseef
Muhammad Touseef

Reputation: 4455

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 completely different on same background.

comparing

Code

 <AcrylicBrush
                            x:Key="AppBackgroundAcrylicBrush"
                            BackgroundSource="HostBackdrop"
                            FallbackColor="Black"
                            TintColor="Black"
                            TintLuminosityOpacity="0.1"
                            TintOpacity="1" />

After that I tried luminosity to be 0.9 and now it looks dark grayish. But I want it to look jet black color Acrylic with small transparency. Basically I want it to look like as the image shows on left side as in Microsoft docs with 10% luminosity and 100% tint opacity.

enter image description here

Code

   <AcrylicBrush
                            x:Key="AppBackgroundAcrylicBrush"
                            BackgroundSource="HostBackdrop"
                            FallbackColor="Black"
                            TintColor="Black"
                            TintLuminosityOpacity="0.9"
                            TintOpacity="1" />

Docs: https://learn.microsoft.com/en-us/windows/uwp/design/style/acrylic

Upvotes: 0

Views: 373

Answers (1)

Nico Zhu
Nico Zhu

Reputation: 32775

Basically I want it to look like as the image showson left side as in microsoft docs with 10% luminosity and 100 % tint opacity.

Update

Base on the testing, TintLuminosityOpacity 0.9 and TintOpacity 1.0 could render you mentioned jet black color AcrylicBrush. But that is not conformity with document. And the AcrylicBrush looks dark gray. It is strange, I will report to related team. Currently, please try use the following to replace.

<AcrylicBrush
    x:Key="CustomAcrylicBrush"
    BackgroundSource="Backdrop"
    FallbackColor="Black"
    TintColor="Black"
    TintLuminosityOpacity="1.0"
    TintOpacity="1"
    />

Upvotes: 1

Related Questions