MaterialDesignTheme.TabControl.xaml

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:converters="clr-namespace:MaterialDesignThemes.Wpf.Converters"
                    xmlns:wpf="clr-namespace:MaterialDesignThemes.Wpf">

  <ResourceDictionary.MergedDictionaries>
    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.TextBlock.xaml" />
  </ResourceDictionary.MergedDictionaries>

  <Style x:Key="FocusVisual">
    <Setter Property="Control.Template">
      <Setter.Value>
        <ControlTemplate>
          <Rectangle Margin="2"
                     SnapsToDevicePixels="true"
                     Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"
                     StrokeDashArray="1 2"
                     StrokeThickness="1" />
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

  <Style x:Key="MaterialDesignTabControlBase" TargetType="{x:Type TabControl}">
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="Foreground" Value="{Binding RelativeSource={RelativeSource AncestorType={x:Type FrameworkElement}}, Path=(TextElement.Foreground)}" />
    <Setter Property="HorizontalContentAlignment" Value="Stretch" />
    <Setter Property="Padding" Value="0" />
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="{x:Type TabControl}">
          <DockPanel KeyboardNavigation.TabNavigation="Local">
            <wpf:ColorZone x:Name="PART_HeaderZone"
                           VerticalAlignment="Stretch"
                           Panel.ZIndex="1"
                           wpf:ElevationAssist.Elevation="{TemplateBinding wpf:ElevationAssist.Elevation}"
                           Background="{TemplateBinding wpf:ColorZoneAssist.Background}"
                           DockPanel.Dock="Top"
                           Focusable="False">
              <ScrollViewer wpf:ScrollViewerAssist.BubbleVerticalScroll="True"
                            wpf:ScrollViewerAssist.SupportHorizontalScroll="True"
                            wpf:ScrollViewerAssist.IgnorePadding="{Binding Path=(wpf:ScrollViewerAssist.IgnorePadding), RelativeSource={RelativeSource TemplatedParent}}"
                            wpf:ScrollViewerAssist.PaddingMode="{Binding Path=(wpf:ScrollViewerAssist.PaddingMode), RelativeSource={RelativeSource TemplatedParent}}"
                            HorizontalScrollBarVisibility="Hidden"
                            VerticalScrollBarVisibility="Hidden">
                <StackPanel>
                  <UniformGrid x:Name="CenteredHeaderPanel"
                               HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                               Margin="{Binding Path=(wpf:TabAssist.HeaderPanelMargin), RelativeSource={RelativeSource TemplatedParent}}"
                               VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                               wpf:TabAssist.BindableIsItemsHost="{Binding Visibility, RelativeSource={RelativeSource Self}}"
                               Focusable="False"
                               KeyboardNavigation.TabIndex="1"
                               Rows="1" />
                  <VirtualizingStackPanel x:Name="HeaderPanel"
                                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                          Margin="{Binding Path=(wpf:TabAssist.HeaderPanelMargin), RelativeSource={RelativeSource TemplatedParent}}"
                                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                          wpf:TabAssist.BindableIsItemsHost="{Binding Visibility, RelativeSource={RelativeSource Self}}"
                                          Focusable="False"
                                          KeyboardNavigation.TabIndex="1"
                                          Orientation="Horizontal" />
                </StackPanel>
              </ScrollViewer>
            </wpf:ColorZone>
            <Border x:Name="PART_BorderSelectedContent"
                    Padding="{TemplateBinding Padding}"
                    HorizontalAlignment="Stretch"
                    VerticalAlignment="Stretch"
                    Panel.ZIndex="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(Panel.ZIndex)}"
                    Background="{x:Null}"
                    Focusable="False">
              <ContentPresenter x:Name="PART_SelectedContentHost"
                                Margin="{TemplateBinding Padding}"
                                ContentSource="SelectedContent"
                                ContentStringFormat="{TemplateBinding SelectedContentStringFormat}"
                                ContentTemplate="{TemplateBinding SelectedContentTemplate}"
                                ContentTemplateSelector="{TemplateBinding SelectedContentTemplateSelector}"
                                Focusable="False"
                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
            </Border>
          </DockPanel>

          <ControlTemplate.Triggers>
            <Trigger Property="HorizontalContentAlignment" Value="Stretch">
              <Setter TargetName="CenteredHeaderPanel" Property="Visibility" Value="Visible" />
              <Setter TargetName="HeaderPanel" Property="Visibility" Value="Collapsed" />
            </Trigger>

            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="HorizontalContentAlignment" Value="Center" />
                <Condition Property="wpf:TabAssist.HasUniformTabWidth" Value="False" />
              </MultiTrigger.Conditions>
              <MultiTrigger.Setters>
                <Setter TargetName="HeaderPanel" Property="Visibility" Value="Visible" />
                <Setter TargetName="CenteredHeaderPanel" Property="Visibility" Value="Collapsed" />
              </MultiTrigger.Setters>
            </MultiTrigger>
            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="HorizontalContentAlignment" Value="Center" />
                <Condition Property="wpf:TabAssist.HasUniformTabWidth" Value="True" />
              </MultiTrigger.Conditions>
              <MultiTrigger.Setters>
                <Setter TargetName="HeaderPanel" Property="Visibility" Value="Collapsed" />
                <Setter TargetName="CenteredHeaderPanel" Property="Visibility" Value="Visible" />
              </MultiTrigger.Setters>
            </MultiTrigger>

            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="HorizontalContentAlignment" Value="Left" />
                <Condition Property="wpf:TabAssist.HasUniformTabWidth" Value="False" />
              </MultiTrigger.Conditions>
              <MultiTrigger.Setters>
                <Setter TargetName="HeaderPanel" Property="Visibility" Value="Visible" />
                <Setter TargetName="CenteredHeaderPanel" Property="Visibility" Value="Collapsed" />
              </MultiTrigger.Setters>
            </MultiTrigger>
            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="HorizontalContentAlignment" Value="Left" />
                <Condition Property="wpf:TabAssist.HasUniformTabWidth" Value="True" />
              </MultiTrigger.Conditions>
              <MultiTrigger.Setters>
                <Setter TargetName="HeaderPanel" Property="Visibility" Value="Collapsed" />
                <Setter TargetName="CenteredHeaderPanel" Property="Visibility" Value="Visible" />
              </MultiTrigger.Setters>
            </MultiTrigger>

            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="HorizontalContentAlignment" Value="Right" />
                <Condition Property="wpf:TabAssist.HasUniformTabWidth" Value="False" />
              </MultiTrigger.Conditions>
              <MultiTrigger.Setters>
                <Setter TargetName="HeaderPanel" Property="Visibility" Value="Visible" />
                <Setter TargetName="CenteredHeaderPanel" Property="Visibility" Value="Collapsed" />
              </MultiTrigger.Setters>
            </MultiTrigger>
            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="HorizontalContentAlignment" Value="Right" />
                <Condition Property="wpf:TabAssist.HasUniformTabWidth" Value="True" />
              </MultiTrigger.Conditions>
              <MultiTrigger.Setters>
                <Setter TargetName="HeaderPanel" Property="Visibility" Value="Collapsed" />
                <Setter TargetName="CenteredHeaderPanel" Property="Visibility" Value="Visible" />
              </MultiTrigger.Setters>
            </MultiTrigger>

            <Trigger Property="TabStripPlacement" Value="Bottom">
              <Setter TargetName="PART_HeaderZone" Property="DockPanel.Dock" Value="Bottom" />
            </Trigger>
            <Trigger Property="TabStripPlacement" Value="Left">
              <Setter TargetName="CenteredHeaderPanel" Property="Columns" Value="1" />
              <Setter TargetName="CenteredHeaderPanel" Property="Rows" Value="0" />
              <Setter TargetName="PART_HeaderZone" Property="DockPanel.Dock" Value="Left" />
            </Trigger>
            <Trigger Property="TabStripPlacement" Value="Right">
              <Setter TargetName="CenteredHeaderPanel" Property="Columns" Value="1" />
              <Setter TargetName="CenteredHeaderPanel" Property="Rows" Value="0" />
              <Setter TargetName="PART_HeaderZone" Property="DockPanel.Dock" Value="Right" />
            </Trigger>
          </ControlTemplate.Triggers>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
    <Setter Property="VerticalContentAlignment" Value="Stretch" />
    <Setter Property="wpf:ColorZoneAssist.Mode" Value="PrimaryMid" />
    <Setter Property="wpf:ElevationAssist.Elevation" Value="Dp4" />
    <Setter Property="wpf:RippleAssist.Feedback" Value="{DynamicResource MaterialDesign.Brush.Button.Ripple}" />
    <Setter Property="wpf:TabAssist.HasUniformTabWidth" Value="False" />
  </Style>

  <Style x:Key="MaterialDesignTabControl"
         TargetType="{x:Type TabControl}"
         BasedOn="{StaticResource MaterialDesignTabControlBase}">
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="wpf:ColorZoneAssist.Background" Value="Transparent" />
    <Setter Property="wpf:ElevationAssist.Elevation" Value="Dp0" />
    <Setter Property="wpf:TabAssist.HasFilledTab" Value="False" />
  </Style>

  <Style x:Key="MaterialDesignUniformTabControl"
         TargetType="{x:Type TabControl}"
         BasedOn="{StaticResource MaterialDesignTabControl}">
    <Setter Property="wpf:TabAssist.HasUniformTabWidth" Value="True" />
  </Style>

  <Style x:Key="MaterialDesignFilledTabControl"
         TargetType="{x:Type TabControl}"
         BasedOn="{StaticResource MaterialDesignTabControlBase}">
    <Setter Property="wpf:TabAssist.HasFilledTab" Value="True" />

    <Style.Triggers>
      <Trigger Property="wpf:ColorZoneAssist.Mode" Value="Standard">
        <Setter Property="wpf:ColorZoneAssist.Background" Value="{DynamicResource MaterialDesign.Brush.Foreground}" />
        <Setter Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Foreground}" />
      </Trigger>
      <Trigger Property="wpf:ColorZoneAssist.Mode" Value="PrimaryMid">
        <Setter Property="wpf:ColorZoneAssist.Background" Value="{DynamicResource MaterialDesign.Brush.Primary}" />
        <Setter Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Primary.Foreground}" />
      </Trigger>
      <Trigger Property="wpf:ColorZoneAssist.Mode" Value="PrimaryLight">
        <Setter Property="wpf:ColorZoneAssist.Background" Value="{DynamicResource MaterialDesign.Brush.Primary.Light}" />
        <Setter Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Primary.Light.Foreground}" />
      </Trigger>
      <Trigger Property="wpf:ColorZoneAssist.Mode" Value="PrimaryDark">
        <Setter Property="wpf:ColorZoneAssist.Background" Value="{DynamicResource MaterialDesign.Brush.Primary.Dark}" />
        <Setter Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Primary.Dark.Foreground}" />
      </Trigger>
      <Trigger Property="wpf:ColorZoneAssist.Mode" Value="SecondaryLight">
        <Setter Property="wpf:ColorZoneAssist.Background" Value="{DynamicResource MaterialDesign.Brush.Secondary.Light}" />
        <Setter Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Secondary.Light.Foreground}" />
      </Trigger>
      <Trigger Property="wpf:ColorZoneAssist.Mode" Value="SecondaryMid">
        <Setter Property="wpf:ColorZoneAssist.Background" Value="{DynamicResource MaterialDesign.Brush.Secondary}" />
        <Setter Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Secondary.Foreground}" />
      </Trigger>
      <Trigger Property="wpf:ColorZoneAssist.Mode" Value="SecondaryDark">
        <Setter Property="wpf:ColorZoneAssist.Background" Value="{DynamicResource MaterialDesign.Brush.Secondary.Dark}" />
        <Setter Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Secondary.Dark.Foreground}" />
      </Trigger>
      <Trigger Property="wpf:ColorZoneAssist.Mode" Value="Custom">
        <Setter Property="wpf:ColorZoneAssist.Background" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ColorZoneAssist.Background)}" />
        <Setter Property="wpf:ColorZoneAssist.Foreground" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ColorZoneAssist.Foreground)}" />
      </Trigger>
    </Style.Triggers>
  </Style>

  <Style x:Key="MaterialDesignFilledUniformTabControl"
         TargetType="{x:Type TabControl}"
         BasedOn="{StaticResource MaterialDesignFilledTabControl}">
    <Setter Property="wpf:TabAssist.HasUniformTabWidth" Value="True" />
  </Style>

  <Style x:Key="MaterialDesignTabItem" TargetType="{x:Type TabItem}">
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}" />
    <!-- Foreground is for the content, not the header -->
    <Setter Property="Foreground" Value="{Binding RelativeSource={RelativeSource AncestorType={x:Type TabControl}}, Path=(TextElement.Foreground)}" />
    <Setter Property="Height" Value="48" />
    <Setter Property="MinWidth" Value="90" />
    <Setter Property="Padding" Value="16,12" />
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="{x:Type TabItem}">
          <ControlTemplate.Resources>
            <Storyboard x:Key="SelectHorizontalTabItem">
              <DoubleAnimation Storyboard.TargetName="ScaleTransform"
                               Storyboard.TargetProperty="ScaleY"
                               From="0"
                               To="1"
                               Duration="0" />
              <DoubleAnimation Storyboard.TargetName="ScaleTransform"
                               Storyboard.TargetProperty="ScaleX"
                               From="0"
                               To="1"
                               Duration="0:0:0.3">
                <DoubleAnimation.EasingFunction>
                  <SineEase EasingMode="EaseOut" />
                </DoubleAnimation.EasingFunction>
              </DoubleAnimation>
              <DoubleAnimation BeginTime="0:0:0.3"
                               Storyboard.TargetName="PART_BackgroundSelection"
                               Storyboard.TargetProperty="Opacity"
                               To="0.12"
                               Duration="0" />
            </Storyboard>
            <Storyboard x:Key="SelectVerticalTabItem">
              <DoubleAnimation Storyboard.TargetName="ScaleTransform"
                               Storyboard.TargetProperty="ScaleX"
                               From="0"
                               To="1"
                               Duration="0" />
              <DoubleAnimation Storyboard.TargetName="ScaleTransform"
                               Storyboard.TargetProperty="ScaleY"
                               From="0"
                               To="1"
                               Duration="0:0:0.3">
                <DoubleAnimation.EasingFunction>
                  <SineEase EasingMode="EaseOut" />
                </DoubleAnimation.EasingFunction>
              </DoubleAnimation>
              <DoubleAnimation BeginTime="0:0:0.3"
                               Storyboard.TargetName="PART_BackgroundSelection"
                               Storyboard.TargetProperty="Opacity"
                               To="0.12"
                               Duration="0" />
            </Storyboard>
          </ControlTemplate.Resources>
          <Grid x:Name="Root" Cursor="{Binding Path=(wpf:TabAssist.TabHeaderCursor), RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}">
            <!-- This is the Header label ColorZone. -->
            <wpf:ColorZone x:Name="ColorZoneHeader"
                           HorizontalAlignment="Stretch"
                           VerticalAlignment="Stretch"
                           wpf:ColorZoneAssist.Background="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ColorZoneAssist.Background)}"
                           wpf:ColorZoneAssist.Foreground="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ColorZoneAssist.Foreground)}"
                           Focusable="False"
                           Mode="Custom">
              <wpf:Ripple x:Name="contentPresenter"
                          Padding="{TemplateBinding Padding}"
                          HorizontalContentAlignment="Center"
                          VerticalContentAlignment="Center"
                          Content="{TemplateBinding Header}"
                          ContentStringFormat="{TemplateBinding HeaderStringFormat}"
                          ContentTemplate="{TemplateBinding HeaderTemplate}"
                          ContentTemplateSelector="{TemplateBinding HeaderTemplateSelector}"
                          Focusable="False"
                          Opacity=".82"
                          RecognizesAccessKey="True"
                          SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                          TextBlock.FontSize="14"
                          TextBlock.FontWeight="Medium"
                          TextOptions.TextFormattingMode="Ideal"
                          TextOptions.TextRenderingMode="Auto"
                          Typography.Capitals="{TemplateBinding Typography.Capitals}" />
            </wpf:ColorZone>
            <Border x:Name="SelectionHighlightBorder"
                    BorderBrush="{Binding Path=Foreground, ElementName=ColorZoneHeader}"
                    BorderThickness="0,0,0,2"
                    RenderTransformOrigin="0.5,0.5"
                    Visibility="Hidden">
              <Border.RenderTransform>
                <ScaleTransform x:Name="ScaleTransform" ScaleX="0" ScaleY="0" />
              </Border.RenderTransform>
              <Rectangle x:Name="PART_BackgroundSelection"
                         Fill="{TemplateBinding Background}"
                         IsHitTestVisible="False"
                         Opacity="0.0" />
            </Border>
          </Grid>
          <ControlTemplate.Triggers>
            <Trigger Property="IsMouseOver" Value="True" SourceName="ColorZoneHeader">
              <Setter TargetName="Root" Property="Background" Value="{Binding Foreground, RelativeSource={RelativeSource Mode=TemplatedParent}, Converter={x:Static converters:BrushOpacityConverter.Instance}, ConverterParameter=0.16}" />
            </Trigger>
            <Trigger Property="IsEnabled" Value="False">
              <Setter Property="Opacity" Value="0.38" />
            </Trigger>
            <Trigger Property="IsSelected" Value="True">
              <Setter TargetName="SelectionHighlightBorder" Property="Visibility" Value="Visible" />
              <Setter TargetName="contentPresenter" Property="Opacity" Value="1" />
              <Setter TargetName="contentPresenter" Property="wpf:RippleAssist.IsDisabled" Value="True" />
            </Trigger>
            <DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Bottom">
              <Setter TargetName="SelectionHighlightBorder" Property="BorderThickness" Value="0,2,0,0" />
            </DataTrigger>
            <DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Left">
              <Setter TargetName="SelectionHighlightBorder" Property="BorderThickness" Value="0,0,2,0" />
            </DataTrigger>
            <DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Right">
              <Setter TargetName="SelectionHighlightBorder" Property="BorderThickness" Value="2,0,0,0" />
            </DataTrigger>

            <!-- Selected TabItem animations (vary depending on TabControl.TabStripPlacement value) -->
            <MultiDataTrigger>
              <MultiDataTrigger.Conditions>
                <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsSelected}" Value="True" />
                <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Top" />
              </MultiDataTrigger.Conditions>
              <MultiDataTrigger.EnterActions>
                <BeginStoryboard Storyboard="{StaticResource SelectHorizontalTabItem}" />
              </MultiDataTrigger.EnterActions>
            </MultiDataTrigger>
            <MultiDataTrigger>
              <MultiDataTrigger.Conditions>
                <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsSelected}" Value="True" />
                <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Bottom" />
              </MultiDataTrigger.Conditions>
              <MultiDataTrigger.EnterActions>
                <BeginStoryboard Storyboard="{StaticResource SelectHorizontalTabItem}" />
              </MultiDataTrigger.EnterActions>
            </MultiDataTrigger>
            <MultiDataTrigger>
              <MultiDataTrigger.Conditions>
                <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsSelected}" Value="True" />
                <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Left" />
              </MultiDataTrigger.Conditions>
              <MultiDataTrigger.EnterActions>
                <BeginStoryboard Storyboard="{StaticResource SelectVerticalTabItem}" />
              </MultiDataTrigger.EnterActions>
            </MultiDataTrigger>
            <MultiDataTrigger>
              <MultiDataTrigger.Conditions>
                <Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsSelected}" Value="True" />
                <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Right" />
              </MultiDataTrigger.Conditions>
              <MultiDataTrigger.EnterActions>
                <BeginStoryboard Storyboard="{StaticResource SelectVerticalTabItem}" />
              </MultiDataTrigger.EnterActions>
            </MultiDataTrigger>

            <!-- Force the header foreground do be MaterialDesign.Brush.Foreground by default (only for not filled tabs) -->
            <Trigger Property="wpf:TabAssist.HasFilledTab" Value="False">
              <Setter TargetName="ColorZoneHeader" Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Foreground}" />
            </Trigger>

            <!-- The header foreground color change when focused (only for not filled tabs) -->
            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="wpf:TabAssist.HasFilledTab" Value="False" />
                <Condition Property="IsSelected" Value="True" />
                <Condition Property="wpf:ColorZoneAssist.Mode" Value="Standard" />
              </MultiTrigger.Conditions>
              <Setter TargetName="ColorZoneHeader" Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Foreground}" />
            </MultiTrigger>
            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="wpf:TabAssist.HasFilledTab" Value="False" />
                <Condition Property="IsSelected" Value="True" />
                <Condition Property="wpf:ColorZoneAssist.Mode" Value="PrimaryLight" />
              </MultiTrigger.Conditions>
              <Setter TargetName="ColorZoneHeader" Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Primary.Light}" />
            </MultiTrigger>
            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="wpf:TabAssist.HasFilledTab" Value="False" />
                <Condition Property="IsSelected" Value="True" />
                <Condition Property="wpf:ColorZoneAssist.Mode" Value="PrimaryMid" />
              </MultiTrigger.Conditions>
              <Setter TargetName="ColorZoneHeader" Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Primary}" />
            </MultiTrigger>
            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="wpf:TabAssist.HasFilledTab" Value="False" />
                <Condition Property="IsSelected" Value="True" />
                <Condition Property="wpf:ColorZoneAssist.Mode" Value="PrimaryDark" />
              </MultiTrigger.Conditions>
              <Setter TargetName="ColorZoneHeader" Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Primary.Dark}" />
            </MultiTrigger>
            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="wpf:TabAssist.HasFilledTab" Value="False" />
                <Condition Property="IsSelected" Value="True" />
                <Condition Property="wpf:ColorZoneAssist.Mode" Value="SecondaryLight" />
              </MultiTrigger.Conditions>
              <Setter TargetName="ColorZoneHeader" Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Secondary.Light}" />
            </MultiTrigger>
            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="wpf:TabAssist.HasFilledTab" Value="False" />
                <Condition Property="IsSelected" Value="True" />
                <Condition Property="wpf:ColorZoneAssist.Mode" Value="SecondaryMid" />
              </MultiTrigger.Conditions>
              <Setter TargetName="ColorZoneHeader" Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Secondary}" />
            </MultiTrigger>
            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="wpf:TabAssist.HasFilledTab" Value="False" />
                <Condition Property="IsSelected" Value="True" />
                <Condition Property="wpf:ColorZoneAssist.Mode" Value="SecondaryDark" />
              </MultiTrigger.Conditions>
              <Setter TargetName="ColorZoneHeader" Property="wpf:ColorZoneAssist.Foreground" Value="{DynamicResource MaterialDesign.Brush.Secondary.Dark}" />
            </MultiTrigger>
            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="wpf:TabAssist.HasFilledTab" Value="False" />
                <Condition Property="IsSelected" Value="True" />
                <Condition Property="wpf:ColorZoneAssist.Mode" Value="Custom" />
              </MultiTrigger.Conditions>
              <Setter TargetName="ColorZoneHeader" Property="wpf:ColorZoneAssist.Foreground" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ColorZoneAssist.Foreground)}" />
            </MultiTrigger>
          </ControlTemplate.Triggers>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
    <Setter Property="wpf:ColorZoneAssist.Background" Value="Transparent" />
    <Setter Property="wpf:ColorZoneAssist.Foreground" Value="{Binding RelativeSource={RelativeSource AncestorType={x:Type TabControl}}, Path=(wpf:ColorZoneAssist.Foreground)}" />
    <Setter Property="wpf:ColorZoneAssist.Mode" Value="{Binding RelativeSource={RelativeSource AncestorType={x:Type TabControl}}, Path=(wpf:ColorZoneAssist.Mode)}" />
    <Setter Property="wpf:DialogHost.RestoreFocusElement" Value="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=TabControl}}" />
    <Setter Property="wpf:RippleAssist.Feedback" Value="{DynamicResource MaterialDesign.Brush.Button.Ripple}" />
    <Setter Property="wpf:TabAssist.HasFilledTab" Value="{Binding RelativeSource={RelativeSource AncestorType={x:Type TabControl}}, Path=(wpf:TabAssist.HasFilledTab)}" />
  </Style>

  <!-- NAVIGATION RAIL -->

  <Style x:Key="MaterialDesignNavigationRailTabItem" TargetType="{x:Type TabItem}">
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="FocusVisualStyle" Value="{x:Null}" />
    <Setter Property="Foreground" Value="{DynamicResource MaterialDesign.Brush.Foreground}" />
    <Setter Property="Height" Value="72" />
    <Setter Property="Padding" Value="0" />
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="{x:Type TabItem}">
          <Grid x:Name="Root" Cursor="Hand">
            <Grid>
              <Border x:Name="MouseOverBorder"
                      Background="{TemplateBinding Background}"
                      CornerRadius="{Binding Path=(wpf:NavigationRailAssist.SelectionCornerRadius), RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}"
                      Opacity=".08"
                      Visibility="Hidden" />
              <wpf:ColorZone x:Name="colorZone"
                             HorizontalAlignment="Stretch"
                             VerticalAlignment="Stretch"
                             wpf:ColorZoneAssist.Background="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ColorZoneAssist.Background)}"
                             wpf:ColorZoneAssist.Foreground="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ColorZoneAssist.Foreground)}"
                             Background="{x:Null}"
                             Cursor="Hand"
                             Focusable="False"
                             Mode="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ColorZoneAssist.Mode)}">
                <wpf:Ripple x:Name="contentPresenter"
                            Padding="{TemplateBinding Padding}"
                            HorizontalContentAlignment="Center"
                            VerticalContentAlignment="Center"
                            ClipToBounds="True"
                            Content="{TemplateBinding Header}"
                            ContentStringFormat="{TemplateBinding HeaderStringFormat}"
                            ContentTemplate="{TemplateBinding HeaderTemplate}"
                            ContentTemplateSelector="{TemplateBinding HeaderTemplateSelector}"
                            Focusable="False"
                            Opacity=".52"
                            RecognizesAccessKey="True"
                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                            TextBlock.FontSize="15"
                            TextBlock.FontWeight="Medium"
                            TextOptions.TextFormattingMode="Ideal"
                            TextOptions.TextRenderingMode="Auto">
                  <wpf:Ripple.Clip>
                    <MultiBinding Converter="{x:Static converters:BorderClipConverter.Instance}">
                      <Binding ElementName="MouseOverBorder" Path="ActualWidth" />
                      <Binding ElementName="MouseOverBorder" Path="ActualHeight" />
                      <Binding ElementName="MouseOverBorder" Path="CornerRadius" />
                      <Binding ElementName="MouseOverBorder" Path="BorderThickness" />
                    </MultiBinding>
                  </wpf:Ripple.Clip>
                </wpf:Ripple>
              </wpf:ColorZone>
            </Grid>
            <Border x:Name="SelectionHighlightBorder" Visibility="Hidden">
              <Border x:Name="PART_BackgroundSelection"
                      Background="{TemplateBinding Background}"
                      CornerRadius="{Binding Path=(wpf:NavigationRailAssist.SelectionCornerRadius), RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}"
                      IsHitTestVisible="False"
                      Opacity="0.12" />
            </Border>
          </Grid>
          <ControlTemplate.Triggers>
            <Trigger Property="IsEnabled" Value="False">
              <Setter Property="Opacity" Value="0.38" />
            </Trigger>
            <Trigger SourceName="Root" Property="IsMouseOver" Value="True">
              <Setter TargetName="MouseOverBorder" Property="Visibility" Value="Visible" />
            </Trigger>
            <Trigger Property="IsSelected" Value="True">
              <Setter TargetName="contentPresenter" Property="Opacity" Value="1" />
              <Setter TargetName="contentPresenter" Property="wpf:RippleAssist.IsDisabled" Value="True" />
            </Trigger>

            <MultiTrigger>
              <MultiTrigger.Conditions>
                <Condition Property="IsSelected" Value="True" />
                <Condition Property="wpf:ColorZoneAssist.Mode" Value="Standard" />
              </MultiTrigger.Conditions>
              <Setter TargetName="contentPresenter" Property="Foreground" Value="{DynamicResource MaterialDesign.Brush.Primary}" />
            </MultiTrigger>

            <MultiDataTrigger>
              <MultiDataTrigger.Conditions>
                <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="True" />
                <Condition Binding="{Binding Path=(wpf:NavigationRailAssist.ShowSelectionBackground), RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="True" />
              </MultiDataTrigger.Conditions>
              <Setter TargetName="SelectionHighlightBorder" Property="Visibility" Value="Visible" />
            </MultiDataTrigger>

            <Trigger Property="wpf:ColorZoneAssist.Mode" Value="Standard">
              <Setter Property="Background" Value="{DynamicResource MaterialDesign.Brush.Foreground}" />
              <Setter Property="BorderBrush" Value="{DynamicResource MaterialDesign.Brush.Foreground}" />
            </Trigger>
            <Trigger Property="wpf:ColorZoneAssist.Mode" Value="PrimaryMid">
              <Setter Property="Background" Value="{DynamicResource MaterialDesign.Brush.Primary.Foreground}" />
              <Setter Property="BorderBrush" Value="{DynamicResource MaterialDesign.Brush.Primary.Foreground}" />
            </Trigger>
            <Trigger Property="wpf:ColorZoneAssist.Mode" Value="PrimaryLight">
              <Setter Property="Background" Value="{DynamicResource MaterialDesign.Brush.Primary.Light.Foreground}" />
              <Setter Property="BorderBrush" Value="{DynamicResource MaterialDesign.Brush.Primary.Light.Foreground}" />
            </Trigger>
            <Trigger Property="wpf:ColorZoneAssist.Mode" Value="PrimaryDark">
              <Setter Property="Background" Value="{DynamicResource MaterialDesign.Brush.Primary.Dark.Foreground}" />
              <Setter Property="BorderBrush" Value="{DynamicResource MaterialDesign.Brush.Primary.Dark.Foreground}" />
            </Trigger>
            <Trigger Property="wpf:ColorZoneAssist.Mode" Value="SecondaryLight">
              <Setter Property="Background" Value="{DynamicResource MaterialDesign.Brush.Secondary.Light.Foreground}" />
              <Setter Property="BorderBrush" Value="{DynamicResource MaterialDesign.Brush.Secondary.Light.Foreground}" />
            </Trigger>
            <Trigger Property="wpf:ColorZoneAssist.Mode" Value="SecondaryMid">
              <Setter Property="Background" Value="{DynamicResource MaterialDesign.Brush.Secondary.Foreground}" />
              <Setter Property="BorderBrush" Value="{DynamicResource MaterialDesign.Brush.Secondary.Foreground}" />
            </Trigger>
            <Trigger Property="wpf:ColorZoneAssist.Mode" Value="SecondaryDark">
              <Setter Property="Background" Value="{DynamicResource MaterialDesign.Brush.Secondary.Dark.Foreground}" />
              <Setter Property="BorderBrush" Value="{DynamicResource MaterialDesign.Brush.Secondary.Dark.Foreground}" />
            </Trigger>
            <Trigger Property="wpf:ColorZoneAssist.Mode" Value="Custom">
              <Setter Property="Background" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ColorZoneAssist.Foreground)}" />
              <Setter Property="BorderBrush" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ColorZoneAssist.Foreground)}" />
            </Trigger>

          </ControlTemplate.Triggers>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
    <Setter Property="Width" Value="72" />
    <Setter Property="wpf:DialogHost.RestoreFocusElement" Value="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=TabControl}}" />
    <Setter Property="wpf:RippleAssist.Feedback" Value="{DynamicResource MaterialDesign.Brush.Button.Ripple}" />
  </Style>

  <Style x:Key="MaterialDesignNavigationRailTabControl" TargetType="{x:Type TabControl}">
    <Setter Property="Background" Value="{DynamicResource MaterialDesign.Brush.Background}" />
    <Setter Property="BorderThickness" Value="0,0,1,0" />
    <Setter Property="Foreground" Value="{DynamicResource MaterialDesign.Brush.Foreground}" />
    <Setter Property="HorizontalContentAlignment" Value="Left" />
    <Setter Property="ItemContainerStyle" Value="{StaticResource MaterialDesignNavigationRailTabItem}" />
    <Setter Property="Padding" Value="0" />
    <Setter Property="TabStripPlacement" Value="Left" />
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="{x:Type TabControl}">
          <DockPanel Background="{TemplateBinding Background}" KeyboardNavigation.TabNavigation="Local">
            <!-- tabs -->
            <Grid x:Name="TabGrid"
                  DockPanel.Dock="Left"
                  SnapsToDevicePixels="True">
              <wpf:Card x:Name="shadowCard"
                        wpf:ElevationAssist.Elevation="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ElevationAssist.Elevation)}"
                        Background="{TemplateBinding Background}"
                        BorderBrush="{DynamicResource MaterialDesign.Brush.TabControl.Divider}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        UniformCornerRadius="0"
                        Visibility="Visible" />

              <wpf:ColorZone x:Name="PART_HeaderCard"
                             VerticalAlignment="Stretch"
                             wpf:ColorZoneAssist.Background="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ColorZoneAssist.Background)}"
                             wpf:ColorZoneAssist.Foreground="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ColorZoneAssist.Foreground)}"
                             Focusable="False"
                             Mode="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ColorZoneAssist.Mode)}">
                <Grid Background="{Binding ElementName=PART_HeaderCard, Path=Background}">
                  <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="1*" />
                  </Grid.RowDefinitions>
                  <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="1*" />
                  </Grid.ColumnDefinitions>
                  <ContentPresenter x:Name="FloatingContentPanel"
                                    Grid.Row="0"
                                    Grid.Column="0"
                                    HorizontalAlignment="Center"
                                    VerticalAlignment="Center"
                                    Content="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:NavigationRailAssist.FloatingContent)}"
                                    Focusable="False" />
                  <UniformGrid x:Name="HeaderPanel"
                               Grid.Row="1"
                               Grid.Column="0"
                               HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                               VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                               Columns="1"
                               Focusable="False"
                               IsItemsHost="True"
                               Rows="0" />

                  <Rectangle x:Name="DividerRect"
                             Grid.RowSpan="2"
                             Width="1"
                             Height="Auto"
                             HorizontalAlignment="Right"
                             Fill="{DynamicResource MaterialDesign.Brush.TabControl.Divider}"
                             Visibility="Collapsed" />
                </Grid>
              </wpf:ColorZone>

            </Grid>
            <!-- selected content -->
            <wpf:ColorZone x:Name="PART_HeaderCardSelectedContent"
                           Padding="{TemplateBinding Padding}"
                           HorizontalAlignment="Stretch"
                           VerticalAlignment="Stretch"
                           Background="{x:Null}"
                           Foreground="{DynamicResource MaterialDesign.Brush.Foreground}"
                           Mode="Standard">

              <ContentPresenter x:Name="PART_SelectedContentHost"
                                Margin="{TemplateBinding Padding}"
                                ContentSource="SelectedContent"
                                ContentStringFormat="{TemplateBinding ContentStringFormat}"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
                                Focusable="False"
                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
            </wpf:ColorZone>
          </DockPanel>
          <ControlTemplate.Triggers>
            <Trigger Property="wpf:ElevationAssist.Elevation" Value="Dp0">
              <Setter TargetName="DividerRect" Property="Visibility" Value="Visible" />
              <Setter TargetName="shadowCard" Property="Visibility" Value="Collapsed" />
            </Trigger>
            <Trigger Property="wpf:ColorZoneAssist.Mode" Value="Standard">
              <Setter TargetName="PART_HeaderCard" Property="Background" Value="Transparent" />
            </Trigger>
            <Trigger Property="TabStripPlacement" Value="Top">
              <Setter Property="BorderThickness" Value="0,0,0,1" />
              <Setter TargetName="DividerRect" Property="Grid.ColumnSpan" Value="2" />
              <Setter TargetName="DividerRect" Property="Grid.RowSpan" Value="1" />
              <Setter TargetName="DividerRect" Property="Height" Value="1" />
              <Setter TargetName="DividerRect" Property="HorizontalAlignment" Value="Stretch" />
              <Setter TargetName="DividerRect" Property="VerticalAlignment" Value="Bottom" />
              <Setter TargetName="DividerRect" Property="Width" Value="Auto" />
              <Setter TargetName="HeaderPanel" Property="Columns" Value="0" />
              <Setter TargetName="HeaderPanel" Property="Grid.Column" Value="1" />
              <Setter TargetName="HeaderPanel" Property="Grid.Row" Value="0" />
              <Setter TargetName="HeaderPanel" Property="Rows" Value="1" />
              <Setter TargetName="TabGrid" Property="DockPanel.Dock" Value="Top" />
            </Trigger>
            <Trigger Property="TabStripPlacement" Value="Bottom">
              <Setter Property="BorderThickness" Value="0,1,0,0" />
              <Setter TargetName="DividerRect" Property="Grid.ColumnSpan" Value="2" />
              <Setter TargetName="DividerRect" Property="Grid.RowSpan" Value="1" />
              <Setter TargetName="DividerRect" Property="Height" Value="1" />
              <Setter TargetName="DividerRect" Property="HorizontalAlignment" Value="Stretch" />
              <Setter TargetName="DividerRect" Property="VerticalAlignment" Value="Top" />
              <Setter TargetName="DividerRect" Property="Width" Value="Auto" />
              <Setter TargetName="HeaderPanel" Property="Columns" Value="0" />
              <Setter TargetName="HeaderPanel" Property="Grid.Column" Value="1" />
              <Setter TargetName="HeaderPanel" Property="Grid.Row" Value="0" />
              <Setter TargetName="HeaderPanel" Property="Rows" Value="1" />
              <Setter TargetName="TabGrid" Property="DockPanel.Dock" Value="Bottom" />
            </Trigger>
            <Trigger Property="TabStripPlacement" Value="Right">
              <Setter Property="BorderThickness" Value="1,0,0,0" />
              <Setter TargetName="DividerRect" Property="HorizontalAlignment" Value="Left" />
              <Setter TargetName="TabGrid" Property="DockPanel.Dock" Value="Right" />
            </Trigger>
          </ControlTemplate.Triggers>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
    <Setter Property="VerticalContentAlignment" Value="Top" />
    <Setter Property="wpf:ElevationAssist.Elevation" Value="Dp0" />
    <Setter Property="wpf:RippleAssist.Feedback" Value="{DynamicResource MaterialDesign.Brush.Button.Ripple}" />
  </Style>
</ResourceDictionary>