実装の為に追加したコード
<!--トグルボタンテンプレート-->
<ControlTemplate x:Key="ToggleButton" TargetType="ToggleButton">
<Grid IsEnabled="{TemplateBinding IsEnabled}">
<Rectangle Name="FillRectangle" Height="30" Width="128"
Fill="{StaticResource AccentColorBrush}"
Stroke="{StaticResource AccentColorBrush}" StrokeThickness="3"/>
<!--
このTextBlockのTextを実装側で変えられたらなあ、と思います。
苦し紛れにContentPresenterを置いてますが意味が無い…
-->
<TextBlock Name="ToggleButtonText" Margin="0,0,0,1" FontSize="15" Foreground="White" FontWeight="Normal"/>
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>
<ControlTemplate.Triggers>
<!--
他はVisualStateManagerで書いているのですが、
IsCheckedとIsMouseOverを同時に見たいのでこれだけMultiTriggerで書いています。
個人的には気持ち悪いとは思うのですがこういうものですかね?
-->
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsChecked" Value="False"/>
<Condition Property="IsMouseOver" Value="False"/>
</MultiTrigger.Conditions>
<Setter TargetName="FillRectangle" Property="Fill" Value="{StaticResource AccentColorBrush}"/>
<Setter TargetName="FillRectangle" Property="Stroke" Value="{StaticResource AccentColorBrush}"/>
<Setter TargetName="ToggleButtonText" Property="Foreground" Value="White"/>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsChecked" Value="False"/>
<Condition Property="IsMouseOver" Value="True"/>
</MultiTrigger.Conditions>
<Setter TargetName="FillRectangle" Property="Fill" Value="{StaticResource StringColorBrush}"/>
<Setter TargetName="FillRectangle" Property="Stroke" Value="{StaticResource StringColorBrush}"/>
<Setter TargetName="ToggleButtonText" Property="Foreground" Value="White"/>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsChecked" Value="True"/>
<Condition Property="IsMouseOver" Value="True"/>
</MultiTrigger.Conditions>
<Setter TargetName="FillRectangle" Property="Fill" Value="{StaticResource LightGrayBrush}"/>
<Setter TargetName="FillRectangle" Property="Stroke" Value="{StaticResource StringColorBrush}"/>
<Setter TargetName="ToggleButtonText" Property="Foreground" Value="{StaticResource StringColorBrush}"/>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsChecked" Value="True"/>
<Condition Property="IsMouseOver" Value="False"/>
</MultiTrigger.Conditions>
<Setter TargetName="FillRectangle" Property="Fill" Value="{StaticResource AccentColorBrush4}"/>
<Setter TargetName="FillRectangle" Property="Stroke" Value="{StaticResource AccentColorBrush}"/>
<Setter TargetName="ToggleButtonText" Property="Foreground" Value="{StaticResource AccentColorBrush}"/>
</MultiTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>
<!--トグルボタンスタイル-->
<Style x:Key="ToggleButtonStyle" TargetType="{x:Type ToggleButton}">
<Setter Property="Template" Value="{StaticResource ToggleButton}"/>
<Setter Property="Margin" Value="2,2,2,2"/>
</Style>
・TextViewB.xaml(一部)
<UserControl.Resources>
<ResourceDictionary>
<Style TargetType="TextBlock" BasedOn="{StaticResource DefaultDialogTextStyleKey}" />
<Style TargetType="ToggleButton" BasedOn="{StaticResource ToggleButtonStyle}"/>
<Style x:Key="BaseStackPanel" TargetType="StackPanel">
<Setter Property="Orientation" Value="Horizontal"/>
</Style>
</ResourceDictionary>
</UserControl.Resources>
<StackPanel DockPanel.Dock="Right"
Style="{StaticResource BaseStackPanel}"
VerticalAlignment="Top" Margin="0,10,20,0"
HorizontalAlignment="Right">
<ToggleButton IsEnabled="{Binding IsAreaEnable}"
Command="{Binding CreateArea}"
IsChecked="{Binding EnableToggleButton}"">
<!--
Buttonはクリックするとデザインが変わりますが、
↓のTextBlockの色が変わらない
-->
<TextBlock Name="ToggleButtonText" Text="テスト"/>
</ToggleButton>
</StackPanel>