From d609880e0254aeb305b50e6fa3019fb8f7af2b0f Mon Sep 17 00:00:00 2001 From: larissa-kamily-brisa Date: Mon, 25 Nov 2024 11:11:14 -0300 Subject: [PATCH] style: adding dark theme styles in popover --- .../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, ) );