Merge pull request #3916 from weseek/imprv/GW-6281-card

card color

src/client/styles/scss/theme/hufflepuff.scss

@@ -34,7 +34,7 @@ html[light] {
   // Background colors
   $bgcolor-global: lighten($themelight, 10%);
   $bgcolor-inline-code: $gray-100; //optional
-  $bgcolor-card: $gray-50;
+  $bgcolor-card: $gray-100;
   $bgcolor-highlighted: rgba($primary, 0.5);
 
   // Font colors
@@ -146,17 +146,9 @@ html[light] {
   }
 
   .card-timeline > .card-header {
-    //for now
-    background-color: $themecolor;
+    background-color: $third-main-color;
   }
 
-  // h1,
-  // h2 {
-  //   svg {
-  //     fill: $subthemecolor;
-  //   }
-  // }
-
   .nav.nav-tabs {
     > .nav-item {
       > .nav-link.active {
@@ -182,11 +174,10 @@ html[dark] {
 
   // Background colors
   $bgcolor-global: $themedark;
-  // $bgcolor-global: #3d3f38;
   // $bgcolor-navbar: #27343b;
   $bgcolor-inline-code: $subthemecolor;
-  // ↓mono-blue's copy↓
   $bgcolor-card: darken($themedark, 5%);
+  // ↓mono-blue's copy↓
   $bgcolor-highlighted: rgba($primary, 0.5);
 
   // Font colors
@@ -283,6 +274,10 @@ html[dark] {
     }
   }
 
+  .card-timeline > .card-header {
+    background-color: $accentcolor;
+  }
+
   .growi:not(.login-page) {
     // add background-image
     #page-wrapper,