feat: add modal and drawer bg

components/drawer/style/drawer.less

@@ -141,7 +141,7 @@
     position: relative;
     z-index: 1;
     overflow: auto;
-    background-color: @component-background;
+    background-color: @drawer-bg;
     background-clip: padding-box;
     border: 0;
   }
@@ -181,14 +181,14 @@
     position: relative;
     padding: @drawer-header-padding;
     color: @text-color;
-    background: @component-background;
+    background: @drawer-bg;
     border-bottom: @border-width-base @border-style-base @border-color-split;
     border-radius: @border-radius-base @border-radius-base 0 0;
   }
 
   &-header-no-title {
     color: @text-color;
-    background: @component-background;
+    background: @drawer-bg;
   }
 
   &-body {

components/modal/style/modal.less

@@ -36,7 +36,7 @@
 
   &-content {
     position: relative;
-    background-color: @component-background;
+    background-color: @modal-content-bg;
     background-clip: padding-box;
     border: 0;
     border-radius: @border-radius-base;

components/style/themes/default.less

@@ -390,6 +390,7 @@
 // --
 @modal-body-padding: 24px;
 @modal-header-bg: @component-background;
+@modal-content-bg: @component-background;
 @modal-heading-color: @heading-color;
 @modal-footer-bg: transparent;
 @modal-footer-border-color-split: @border-color-split;
@@ -679,6 +680,7 @@
 // ---
 @drawer-header-padding: 16px 24px;
 @drawer-body-padding: 24px;
+@drawer-bg: @component-background;
 
 // Timeline
 // ---