diff --git a/Material.Styles/Resources/Themes/NotificationCard.axaml b/Material.Styles/Resources/Themes/NotificationCard.axaml
index 8897ff7f..3934c101 100644
--- a/Material.Styles/Resources/Themes/NotificationCard.axaml
+++ b/Material.Styles/Resources/Themes/NotificationCard.axaml
@@ -11,6 +11,7 @@
     <Setter Property="Width" Value="350" />
     <Setter Property="FontSize" Value="14" />
     <Setter Property="RenderTransformOrigin" Value="50%,75%" />
+    <Setter Property="Background" Value="{DynamicResource MaterialPrimaryMidBrush}" />
     <Setter Property="Template">
       <ControlTemplate>
         <LayoutTransformControl Name="PART_LayoutTransformControl" UseRenderTransform="True">
@@ -73,6 +74,26 @@
         </KeyFrame>
       </Animation>
     </ControlTheme.Animations>
+
+    <!--  Colour variants  -->
+    <Style Selector="^.light">
+      <Setter Property="Background" Value="{DynamicResource MaterialPrimaryLightBrush}" />
+      <Setter Property="BorderBrush" Value="{DynamicResource MaterialPrimaryLightBrush}" />
+      <Setter Property="Foreground" Value="{DynamicResource MaterialPrimaryLightForegroundBrush}" />
+    </Style>
+
+    <Style Selector="^.dark">
+      <Setter Property="Background" Value="{DynamicResource MaterialPrimaryDarkBrush}" />
+      <Setter Property="BorderBrush" Value="{DynamicResource MaterialPrimaryDarkBrush}" />
+      <Setter Property="Foreground" Value="{DynamicResource MaterialPrimaryForegroundBrush}" />
+    </Style>
+
+    <Style Selector="^.accent">
+      <Setter Property="Background" Value="{DynamicResource MaterialSecondaryMidBrush}" />
+      <Setter Property="BorderBrush" Value="{DynamicResource MaterialSecondaryMidBrush}" />
+      <Setter Property="Foreground" Value="{DynamicResource MaterialSecondaryMidForegroundBrush}" />
+    </Style>
+
   </ControlTheme>
 
   <ControlTheme x:Key="{x:Type NotificationCard}" TargetType="NotificationCard"