style: adding dark theme styles in ion-notification (#1173)

Brisanet · Nov 11, 2024 · 026f748 · 026f748
1 parent 4de5953
commit 026f748
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/projects/ion/src/lib/notification/component/_notification.theme.scss b/projects/ion/src/lib/notification/component/_notification.theme.scss
@@ -26,9 +26,36 @@ $default: (
   close-icon-color: ion-theme(primary-6),
 );
 
+$dark: (
+  background-color: ion-theme(neutral-5),
+  border-radius: 8px,
+  shadow: '0px 8px 6px -4px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.15)',
+  variant: (
+    success-icon-color: ion-theme(positive-5),
+    info-icon-color: ion-theme(info-6),
+    warning-icon-color: ion-theme(warning-6),
+    negative-icon-color: ion-theme(negative-6),
+  ),
+  title: (
+    font-weight: 600,
+    font-size: 16px,
+    line-height: 24px,
+    color: ion-theme(neutral-1),
+  ),
+  message: (
+    font-weight: 400,
+    font-size: 14px,
+    line-height: 20px,
+    color: ion-theme(neutral-2),
+  ),
+  default-icon-color: ion-theme(neutral-3),
+  close-icon-color: ion-theme(primary-3),
+);
+
 @include register-component(
   notification,
   (
     default: $default,
+    dark: $dark,
   )
 );