Change your ellipse/path stroke to {TemplateBinding BorderBrush}
, and instead of using TargetName
in your triggers change BorderBrush
on your button. This way you can add triggers on grid with TargetName
set to your toggle button to achieve desired behavior.
EDIT:
As this is not in control template, TargetName
would not find child elements. Instead, you can set triggers to:
<DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource FindAncestor, AncestorType=Grid}}" Value="True">
inside your ToggleButton
style.