From da2aca9b6af47e7231ddf21cc1f5dd22bc55de23 Mon Sep 17 00:00:00 2001
From: holazz <2418184580@qq.com>
Date: Mon, 6 Jun 2022 19:50:57 +0800
Subject: [PATCH 1/2] fix(components): [popover] fix dark mode background color

---
 packages/theme-chalk/src/popover.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/theme-chalk/src/popover.scss b/packages/theme-chalk/src/popover.scss
index d14af8313e797..96eef70901f3c 100644
--- a/packages/theme-chalk/src/popover.scss
+++ b/packages/theme-chalk/src/popover.scss
@@ -6,7 +6,7 @@
   @include set-component-css-var('popover', $popover);
 
   &.#{$namespace}-popper {
-    background: getCssVar('popover-bg-color');
+    background: getCssVar('bg-color', 'overlay');
     min-width: 150px;
     border-radius: getCssVar('popover-border-radius');
     border: 1px solid getCssVar('popover-border-color');

From 50a2c705a4838dcdf56b5e2102b6892b959b75e7 Mon Sep 17 00:00:00 2001
From: holazz <2418184580@qq.com>
Date: Wed, 8 Jun 2022 11:16:59 +0800
Subject: [PATCH 2/2] chore: improve code

---
 packages/theme-chalk/src/common/var.scss | 2 +-
 packages/theme-chalk/src/popover.scss    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/theme-chalk/src/common/var.scss b/packages/theme-chalk/src/common/var.scss
index 3cd8316e9b8a9..90099b7e3eb9f 100644
--- a/packages/theme-chalk/src/common/var.scss
+++ b/packages/theme-chalk/src/common/var.scss
@@ -832,7 +832,7 @@ $popup: map.merge(
 $popover: () !default;
 $popover: map.merge(
   (
-    'bg-color': getCssVar('color-white'),
+    'bg-color': getCssVar('bg-color', 'overlay'),
     'font-size': getCssVar('font-size-base'),
     'border-color': getCssVar('border-color-lighter'),
     'padding': 12px,
diff --git a/packages/theme-chalk/src/popover.scss b/packages/theme-chalk/src/popover.scss
index 96eef70901f3c..d14af8313e797 100644
--- a/packages/theme-chalk/src/popover.scss
+++ b/packages/theme-chalk/src/popover.scss
@@ -6,7 +6,7 @@
   @include set-component-css-var('popover', $popover);
 
   &.#{$namespace}-popper {
-    background: getCssVar('bg-color', 'overlay');
+    background: getCssVar('popover-bg-color');
     min-width: 150px;
     border-radius: getCssVar('popover-border-radius');
     border: 1px solid getCssVar('popover-border-color');