add vars

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

@@ -151,8 +151,12 @@ $link-hover-color: $color-link-hover;
 /*
  * cards
  */
-.card-header {
-  border: 0;
+.card {
+  background-color: $bgcolor-card;
+  .card-header {
+    background-color: $bgcolor-card-header;
+    border: 0;
+  }
 }
 
 .card.well {

src/client/styles/scss/theme/antarctic.scss

@@ -51,6 +51,7 @@ html[light] {
   $bgcolor-navbar: #334455;
   $bgcolor-inline-code: #f9f2f4;
   $bgcolor-card: #f5f5f5;
+  $bgcolor-card-header: $themelight;
 
   // Font colors
   $color-global: black;
@@ -104,6 +105,7 @@ html[dark] {
   $bgcolor-navbar: #151515;
   $bgcolor-inline-code: darken($basecolor, 5%);
   $bgcolor-card: darken($basecolor, 5%);
+  $bgcolor-card-header: $basecolor;
 
   // Font colors
   $color-global: #eeeeee;

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

@@ -23,6 +23,7 @@ html[light] {
   $bgcolor-navbar: #334455;
   $bgcolor-inline-code: #f9f2f4;
   $bgcolor-card: #f5f5f5;
+  $bgcolor-card-header: $bgcolor-global;
 
   // Font colors
   $color-global: #333333;
@@ -76,6 +77,7 @@ html[dark] {
   $bgcolor-navbar: #151515;
   $bgcolor-inline-code: darken($basecolor, 5%);
   $bgcolor-card: darken($basecolor, 5%);
+  $bgcolor-card-header: darken($bgcolor-card, 5%);
 
   // Font colors
   $color-global: #eeeeee;

src/client/styles/scss/theme/kibela.scss

@@ -13,6 +13,8 @@ html[light] {
   $bgcolor-navbar-active: $bgcolor-theme;
   $bgcolor-global: $themelight;
   $bgcolor-card: $lightthemecolor;
+  $bgcolor-card-header: $themelight;
+
   $bgcolor-inline-code: lighten($subthemecolor, 70%);
 
   $color-header: $bgcolor-theme;
@@ -69,6 +71,8 @@ html[dark] {
   $bgcolor-navbar-active: $bgcolor-theme;
   $bgcolor-global: $themelight;
   $bgcolor-card: #e3e5e7;
+  $bgcolor-card-header: $themelight;
+
   $bgcolor-inline-code: lighten($subthemecolor, 70%);
 
   $color-header: $bgcolor-theme;