WPFでTabControlでコンテンツ領域に色つきの枠をつけたい

Question

動作イメージは、画像を見て頂いたら少しは伝わるかなと思いますが、青を選択したら青枠に（画像の状態）、黄色タブを選択したら黄色枠にといった感じにしたいです。
またその際は、画像の枠とタブの間にすき間がないような形にしたいのです。

以下コードでは、タブの色付けはできても枠はできない状態です。

Sample.xaml(UserControl)

<Grid>
    <!-- 静的タブコントロール -->
    <TabControl Grid.Row="3" Grid.Column="0">
        <TabItem Header="静的タブアイテム１" Width="250">
            <TextBlock Text="TabItem1 Content"/>
        </TabItem>
        <TabItem Header="静的タブアイテムTest" Width="250">
            <TextBlock Text="TabItem2 Content"/>
        </TabItem>
        <TabItem Header="静的タブ" Width="250">
            <TextBlock Text="TabItem3 Content"/>
        </TabItem>
    </TabControl>
</Grid>

StyleA.xaml(ResourceDictionary)

	<!-- 省略 -->
    
    <!-- TabItemの背景色 -->
    <LinearGradientBrush x:Key="TabItemBlueBackground" EndPoint="0,1" StartPoint="0,0">
        <GradientStop Color="Blue" Offset="1"/>
    </LinearGradientBrush>

	<!-- TabItem選択時 -->
    <LinearGradientBrush x:Key="TabItemSelectedBackground" EndPoint="0,1" StartPoint="0,0">
        <GradientStop Color="DarkBlue" Offset="0"/>
        <GradientStop Color="{StaticResource productColor}" Offset="0.1"/>
    </LinearGradientBrush>
    
    
    <!-- タブコントロール：ユニークカラータブ - 青テスト -->

    <Style x:Key="TabBlue" TargetType="{x:Type TabItem}">
        <!-- 外観デザイン -->
        <Setter Property="Height" Value="45"/>
        <Setter Property="BorderBrush" Value="Blue"/>
        <Setter Property="Background" Value="Blue"/>
        <Setter Property="BorderThickness" Value="10"/>

        <!-- フォント設定 -->
        <Setter Property="FontSize" Value="19"/>
        <Setter Property="Foreground" Value="Silver"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type TabControl}">
                    <Border x:Name="Bd1" BorderThickness="10,10,10,0" BorderBrush="Blue" Background="White" >
                        <ContentPresenter x:Name="Content" >
                            
                        </ContentPresenter>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>

        <!-- コントロールテンプレートを設定 -->
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type TabItem}">
                    <Grid SnapsToDevicePixels="true">
                        <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="10,10,0,0" BorderThickness="1,1,1,0" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}">
                            <ContentPresenter x:Name="Content" 
                                        ContentSource="Header" 
                                        HorizontalAlignment="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}" 
                                        RecognizesAccessKey="True" 
                                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
                                        VerticalAlignment="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
                        </Border>
                    </Grid>

                    <ControlTemplate.Triggers>
                        <!-- 選択時の背景色 -->
                        <Trigger Property="IsSelected" Value="true">
                            <Setter Property="Panel.ZIndex" Value="1"/>
                            <Setter Property="Background" TargetName="Bd" Value="{StaticResource TabItemSelectedBackground}"/>
                            <Setter Property="Foreground" Value="White"/>
                        </Trigger>
                    </ControlTemplate.Triggers>

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

	
	<!-- 省略 -->

＜環境＞
言語：C#（WPF）
IDE：Visual Studio 2019

Comments

[hihijiji]

質問はなんですか？

Answer 1

雑いですがこんなのではいけませんか？

<TabControl Padding="-1">
  <TabItem Width="250" Header="静的タブアイテム１">
    <Border BorderBrush="Blue" BorderThickness="5">
      <TextBlock Text="TabItem1 Content" />
    </Border>
  </TabItem>
  <TabItem Width="250" Header="静的タブアイテムTest">
    <Border BorderBrush="Yellow" BorderThickness="5">
      <TextBlock Text="TabItem2 Content" />
    </Border>
  </TabItem>
  <TabItem Width="250" Header="静的タブ">
    <Border BorderBrush="Gray" BorderThickness="5">
      <TextBlock Text="TabItem3 Content" />
    </Border>
  </TabItem>
</TabControl>

Comments

[tride]

回答ありがとうございます。
こちらで試した所、タブと枠の間に白い余白が生まれるので、画像のようにはできませんでした。
希望は画像のように隙間がない状態を考えています。

[TN8001]

それをPadding="-1"で打ち消してるのですが TabControlのテンプレートもいじっていますか？

[tride]

ありがとうございます！ご指摘の通り、Paddingの所が抜けていました。
お陰で、無事解決できました！