ShrlAlgoToolkit/WPFluent/Controls/InfoBadge/InfoBadge.xaml

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="clr-namespace:WPFluent.Controls">

    <CornerRadius x:Key="ValueInfoBadgeStyleCornerRadius">8</CornerRadius>
    <Thickness x:Key="IconBadgeMargin">2</Thickness>

    <Style x:Key="DotInfoBadgeStyle" TargetType="{x:Type controls:InfoBadge}">
        <!--<Setter Property="Background" Value="{DynamicResource AccentFillColorDefaultBrush}" />-->
        <Setter Property="Background" Value="{DynamicResource ControlFillColorDefaultBrush}"/>
        <Setter Property="Focusable" Value="False" />
        <Setter Property="FontWeight" Value="Normal" />
        <Setter Property="Width" Value="6"/>
        <Setter Property="Height" Value="6"/>
        <Setter Property="Foreground" Value="{DynamicResource TextFillColorPrimaryBrush}" />
        <Setter Property="KeyboardNavigation.IsTabStop" Value="False" />
        <Setter Property="OverridesDefaultStyle" Value="True" />
        <Setter Property="SnapsToDevicePixels" Value="True" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type controls:InfoBadge}">
                    <Grid x:Name="InfoBadgeRoot">
                        <Border
                            x:Name="ContentBorder"
                            Width="{TemplateBinding Width}"
                            Height="{TemplateBinding Height}"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            Background="{TemplateBinding Background}"
                            BorderThickness="0"
                            CornerRadius="{TemplateBinding CornerRadius}"
                            Opacity="{TemplateBinding Opacity}" />
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="Severity" Value="Attention">
                            <Setter TargetName="ContentBorder" Property="Background" Value="{DynamicResource SystemFillColorAttentionBackgroundBrush}" />
                        </Trigger>
                        <Trigger Property="Severity" Value="Success">
                            <Setter TargetName="ContentBorder" Property="Background" Value="{DynamicResource SystemFillColorSuccessBackgroundBrush}" />
                        </Trigger>
                        <Trigger Property="Severity" Value="Caution">
                            <Setter TargetName="ContentBorder" Property="Background" Value="{DynamicResource SystemFillColorCautionBackgroundBrush}" />
                        </Trigger>
                        <Trigger Property="Severity" Value="Critical">
                            <Setter TargetName="ContentBorder" Property="Background" Value="{DynamicResource SystemFillColorCriticalBackgroundBrush}" />
                        </Trigger>
                    </ControlTemplate.Triggers>

                </ControlTemplate>
            </Setter.Value>
        </Setter>

    </Style>

    <Style x:Key="IconInfoBadgeStyle" TargetType="{x:Type controls:InfoBadge}">
        <!--<Setter Property="Background">
            <Setter.Value>
                <SolidColorBrush Color="{DynamicResource InfoBadgeInformationSeverityBackgroundBrush}" />
            </Setter.Value>
        </Setter>-->

        <Setter Property="Focusable" Value="False" />
        <Setter Property="FontWeight" Value="Normal" />
        <Setter Property="Foreground" Value="{DynamicResource TextFillColorPrimaryBrush}" />
        <Setter Property="KeyboardNavigation.IsTabStop" Value="False" />
        <Setter Property="OverridesDefaultStyle" Value="True" />
        <Setter Property="SnapsToDevicePixels" Value="True" />

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type controls:InfoBadge}">
                    <Grid x:Name="InfoBadgeRoot">
                        <Border
                            x:Name="ContentBorder"
                            Background="{TemplateBinding Background}"
                            BorderThickness="0"
                            CornerRadius="{TemplateBinding CornerRadius}"
                            Opacity="{TemplateBinding Opacity}">
                            <ContentPresenter
                                x:Name="ControlIcon"
                                Margin="10"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Content="{TemplateBinding Icon}"
                                Focusable="False"
                                TextElement.FontSize="{TemplateBinding FontSize}"
                                TextElement.Foreground="{DynamicResource TextFillColorInverseBrush}" />
                        </Border>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="Severity" Value="Attention">
                            <Setter TargetName="ContentBorder" Property="Background" Value="{DynamicResource SystemFillColorAttentionBrush}" />
                        </Trigger>
                        <Trigger Property="Severity" Value="Success">
                            <Setter TargetName="ContentBorder" Property="Background" Value="{DynamicResource SystemFillColorSuccessBrush}" />
                        </Trigger>
                        <Trigger Property="Severity" Value="Caution">
                            <Setter TargetName="ContentBorder" Property="Background" Value="{DynamicResource SystemFillColorCautionBrush}" />
                        </Trigger>
                        <Trigger Property="Severity" Value="Critical">
                            <Setter TargetName="ContentBorder" Property="Background" Value="{DynamicResource SystemFillColorCriticalBrush}" />
                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>
            </Setter.Value>
        </Setter>

    </Style>

    <Style x:Key="ValueInfoBadgeStyle" TargetType="{x:Type controls:InfoBadge}">
        <!--<Setter Property="Background">
            <Setter.Value>
                <SolidColorBrush Color="{DynamicResource InfoBadgeInformationSeverityBackgroundBrush}" />
            </Setter.Value>
        </Setter>-->
        <Setter Property="Focusable" Value="False" />
        <Setter Property="FontWeight" Value="Normal" />
        <Setter Property="Foreground" Value="{DynamicResource TextFillColorPrimaryBrush}" />
        <Setter Property="KeyboardNavigation.IsTabStop" Value="False" />
        <Setter Property="OverridesDefaultStyle" Value="True" />
        <Setter Property="SnapsToDevicePixels" Value="True" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type controls:InfoBadge}">
                    <Grid x:Name="InfoBadgeRoot">
                        <Border
                            x:Name="ContentBorder"
                            Width="{TemplateBinding Width}"
                            Height="{TemplateBinding Height}"
                            MinWidth="16"
                            MinHeight="16"
                            Margin="{StaticResource IconBadgeMargin}"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            Background="{TemplateBinding Background}"
                            BorderThickness="0"
                            CornerRadius="{StaticResource ValueInfoBadgeStyleCornerRadius}"
                            Opacity="{TemplateBinding Opacity}"
                            Padding="3,0">
                            <TextBlock
                                x:Name="TextBlock"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Focusable="False"
                                FontSize="{TemplateBinding FontSize}"
                                Foreground="{DynamicResource TextFillColorInverseBrush}"
                                Text="{TemplateBinding Value}"
                                TextWrapping="Wrap" />

                        </Border>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="Severity" Value="Attention">
                            <Setter TargetName="ContentBorder" Property="Background" Value="{DynamicResource SystemFillColorAttentionBrush}" />
                        </Trigger>
                        <Trigger Property="Severity" Value="Success">
                            <Setter TargetName="ContentBorder" Property="Background" Value="{DynamicResource SystemFillColorSuccessBrush}" />
                        </Trigger>
                        <Trigger Property="Severity" Value="Caution">
                            <Setter TargetName="ContentBorder" Property="Background" Value="{DynamicResource SystemFillColorCautionBrush}" />
                        </Trigger>
                        <Trigger Property="Severity" Value="Critical">
                            <Setter TargetName="ContentBorder" Property="Background" Value="{DynamicResource SystemFillColorCriticalBrush}" />
                        </Trigger>


                    </ControlTemplate.Triggers>

                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style BasedOn="{StaticResource ValueInfoBadgeStyle}" TargetType="{x:Type controls:InfoBadge}" />

</ResourceDictionary>