use card with border-light and bg-light and adjust color of light like default

src/client/js/components/Admin/ImportData/GrowiArchive/ImportCollectionItem.jsx

@@ -201,8 +201,8 @@ export default class ImportCollectionItem extends React.Component {
     } = this.props;
 
     return (
-      <div className="card">
-        <div className="card-header">
+      <div className="card border-light">
+        <div className="card-header bg-light">
           <div className="d-flex justify-content-between align-items-center">
             {/* left */}
             <div className="pl-4">

src/client/styles/scss/theme/_apply-colors.scss

@@ -33,6 +33,10 @@
   }
 }
 
+// Border light
+.border-light {
+  border-color: $light !important;
+}
 // Link buttons
 .btn-link {
   color: $link-color;
@@ -155,13 +159,8 @@ legend {
 /*
  * cards
  */
-.card {
-  border: 1px solid #f0f0f0;
-}
-
 .card-header {
-  background-color: #f0f0f0;
-  border: 1px solid #f0f0f0;
+  border: 0;
 }
 
 .card.well {

src/client/styles/scss/theme/default.scss

@@ -10,7 +10,7 @@ $secondary: #ced4da;
 // $success: #;
 // $warning: #;
 // $danger: #;
-$light: #e6e6e6;
+$light: #f5f5f5;
 // $dark: #;
 
 // Background colors