Merge branch 'main' into 1200-style-add-correct-dark-theme-colors-to-…

…input
Brisanet · Nov 27, 2024 · 75983c4 · 75983c4
2 parents 8faf3f0 + 6aaf6c1
commit 75983c4
Showing 1 changed file with 33 additions and 0 deletions.
diff --git a/projects/ion/src/lib/popover/component/_popover.theme.scss b/projects/ion/src/lib/popover/component/_popover.theme.scss
@@ -32,9 +32,42 @@ $default: (
   scrollbar-thumb-color: ion-theme(neutral-5),
 );
 
+$dark: (
+  background-color: ion-theme(neutral-5),
+  shadow: 0 0 6px rgba(4, 42, 98, 0.15),
+  header: (
+    background-color: ion-theme(neutral-6),
+    close-icon-color: ion-theme(primary-3),
+    title-text: (
+      font-family: ion-theme(font-family-main),
+      font-weight: 600,
+      font-size: 14px,
+      line-height: 20px,
+      color: ion-theme(neutral-1),
+    ),
+  ),
+  body: (
+    background-color: ion-theme(neutral-5),
+    text: (
+      font-family: ion-theme(font-family-main),
+      font-weight: 400,
+      font-size: 14px,
+      line-height: 20px,
+      color: ion-theme(neutral-1),
+    ),
+  ),
+  arrow: (
+    shadow: -2px -2px 4px -2px rgb(4 42 98 / 15%),
+    header-color: ion-theme(neutral-6),
+    body-color: ion-theme(neutral-6),
+  ),
+  scrollbar-thumb-color: ion-theme(neutral-2),
+);
+
 @include register-component(
   popover,
   (
     default: $default,
+    dark: $dark,
   )
 );