From 6aaf6c15dc3d67d8cb0f13206816d08b258a0877 Mon Sep 17 00:00:00 2001 From: larissa-kamily-brisa <138057627+larissa-kamily-brisa@users.noreply.github.com> Date: Wed, 27 Nov 2024 09:38:01 -0300 Subject: [PATCH] style: adding dark theme styles in popover (#1203) --- .../lib/popover/component/_popover.theme.scss | 33 +++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/projects/ion/src/lib/popover/component/_popover.theme.scss b/projects/ion/src/lib/popover/component/_popover.theme.scss index 82512603b..c3ff53512 100644 --- 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, ) );