Turn off opacity in Fluent theme

[Stefan]

Hi,

Is there a way to turn off the opacity in the new Fluent theme?

[Martin]

Hello,

Depending on which opacity you are referring. There is opacity to some of the brushes as well as opacity on the text of the inputs. Each of these can be controlled via properties in the FluentPalette.Palette static class. 

You can use the following method to overlay any color on top of a background color to receive an opaque variation of it:

public static Color RgbFromArgbAndBackgroundColor(Color targetColor, Color backgroundColor)
{
    var baseAlpha = targetColor.A / 255.0;
    var reverseAlpha = 1.0 - baseAlpha;
    byte redValue = (byte)((targetColor.R * baseAlpha) + (backgroundColor.R * reverseAlpha));
    byte greenValue = (byte)((targetColor.G * baseAlpha) + (backgroundColor.G * reverseAlpha));
    byte blueValue = (byte)((targetColor.B * baseAlpha) + (backgroundColor.B * reverseAlpha));

    return Color.FromArgb(255, redValue, greenValue, blueValue);
}

For example with the MainColor:

Color mainColor = FluentPalette.Palette.MainColor;
FluentPalette.Palette.MainColor = RgbFromArgbAndBackgroundColor(mainColor, FluentPalette.Palette.PrimaryBackgroundColor);

The ones that you might need to change as well are PrimaryColor, MouseOverColor, PressedColor and BasicColor (although there is a variation of is - BasicSolidColor). There is also FluentPalette.Palette.InputOpacity, which is responsible for the normal state of text in the inputs as is defaulting to 0.6.

If you are referring to the opacity of Windows and popups (if you do not have the IsAcrylic effect available on the current machine or simply you would like to remove it), you can set in the static constructor of the MainWindow:

ThemeEffectsHelper.IsAcrylicEnabled = false;

I hope that any of these would be helpful to you in customizing the theme to fit your needs. If you have any other questions, please do not hesitate to contact us further.

Regards,
Martin
Progress Telerik

[Stefan]

Hi Martin,

Thanks for the quick reply.

It was the opacity of Windows and popups I wanted to turn off. Setting ThemeEffectsHelper.IsAcrylicEnabled = false worked perfect.

Best regards Stefan