add card footer

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

@@ -157,6 +157,9 @@ $link-hover-color: $color-link-hover;
     background-color: $bgcolor-card-header;
     border: 0;
   }
+  .card-footer {
+    background-color: $bgcolor-card-footer;
+  }
 }
 
 .card.well {

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

@@ -50,8 +50,6 @@ html[light] {
   $bgcolor-global: $themelight;
   $bgcolor-navbar: #334455;
   $bgcolor-inline-code: #f9f2f4;
-  $bgcolor-card: #f5f5f5;
-  $bgcolor-card-header: $themelight;
 
   // Font colors
   $color-global: black;
@@ -64,6 +62,11 @@ html[light] {
   $color-link-nabvar: $color-reversal;
   $color-inline-code: #c7254e;
 
+  // Card colors
+  $bgcolor-card: #f5f5f5;
+  $bgcolor-card-header: $bgcolor-global;
+  $bgcolor-card-footer: $secondary;
+
   // List Group colors
   $color-list: $color-global;
   $bgcolor-list: $bgcolor-global;
@@ -104,8 +107,6 @@ html[dark] {
   $bgcolor-global: $basecolor;
   $bgcolor-navbar: #151515;
   $bgcolor-inline-code: darken($basecolor, 5%);
-  $bgcolor-card: darken($basecolor, 5%);
-  $bgcolor-card-header: $basecolor;
 
   // Font colors
   $color-global: #eeeeee;
@@ -118,6 +119,11 @@ html[dark] {
   $color-link-nabvar: $color-global;
   $color-inline-code: #c7254e;
 
+  // Card colors
+  $bgcolor-card: #f5f5f5;
+  $bgcolor-card-header: $bgcolor-global;
+  $bgcolor-card-footer: $secondary;
+
   // List Group colors
   $color-list: $color-global;
   $bgcolor-list: $bgcolor-global;

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

@@ -22,8 +22,6 @@ html[light] {
   $bgcolor-global: white;
   $bgcolor-navbar: #334455;
   $bgcolor-inline-code: #f9f2f4;
-  $bgcolor-card: #f5f5f5;
-  $bgcolor-card-header: $bgcolor-global;
 
   // Font colors
   $color-global: #333333;
@@ -36,6 +34,11 @@ html[light] {
   $color-link-nabvar: $color-reversal;
   $color-inline-code: #c7254e;
 
+  // Card colors
+  $bgcolor-card: #f5f5f5;
+  $bgcolor-card-header: $bgcolor-global;
+  $bgcolor-card-footer: $light;
+
   // List Group colors
   $color-list: $color-global;
   $bgcolor-list: $bgcolor-global;
@@ -76,8 +79,6 @@ html[dark] {
   $bgcolor-global: $basecolor;
   $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;
@@ -90,6 +91,11 @@ html[dark] {
   $color-link-nabvar: $color-global;
   $color-inline-code: #c7254e;
 
+  // Card colors
+  $bgcolor-card: darken($basecolor, 5%);
+  $bgcolor-card-header: darken($bgcolor-card, 5%);
+  $bgcolor-card-footer: lighten($basecolor, 5%);
+
   // List Group colors
   $color-list: $color-global;
   $bgcolor-list: $bgcolor-global;

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

@@ -12,8 +12,6 @@ html[light] {
   $bgcolor-navbar: white;
   $bgcolor-navbar-active: $bgcolor-theme;
   $bgcolor-global: $themelight;
-  $bgcolor-card: $lightthemecolor;
-  $bgcolor-card-header: $themelight;
 
   $bgcolor-inline-code: lighten($subthemecolor, 70%);
 
@@ -27,6 +25,11 @@ html[light] {
   $primary: $bgcolor-theme;
   $info: lighten($bgcolor-theme, 20%);
 
+  // Card colors
+  $bgcolor-card: #f5f5f5;
+  $bgcolor-card-header: $bgcolor-global;
+  $bgcolor-card-footer: $secondary;
+
   // List Group colors
   $color-list: $color-global;
   $bgcolor-list: $bgcolor-global;
@@ -70,8 +73,6 @@ html[dark] {
   $bgcolor-navbar: transparent;
   $bgcolor-navbar-active: $bgcolor-theme;
   $bgcolor-global: $themelight;
-  $bgcolor-card: #e3e5e7;
-  $bgcolor-card-header: $themelight;
 
   $bgcolor-inline-code: lighten($subthemecolor, 70%);
 
@@ -85,6 +86,11 @@ html[dark] {
   $primary: $bgcolor-theme;
   $info: lighten($bgcolor-theme, 20%);
 
+  // Card colors
+  $bgcolor-card: #f5f5f5;
+  $bgcolor-card-header: $bgcolor-global;
+  $bgcolor-card-footer: $secondary;
+
   // List Group colors
   $color-list: $color-global;
   $bgcolor-list: $bgcolor-global;

src/server/views/modal/create_template.html

@@ -19,7 +19,7 @@
                   <p class="text-center"><code>_template</code></p>
                   <p class="form-text text-muted text-center"><small>{{ t('template.children.desc') }}</small></p>
                 </div>
-                <div class="card-footer text-center bg-white">
+                <div class="card-footer text-center">
                   <a href="{{templateParentPath}}_template#edit"
                       class="btn btn-sm btn-primary" id="template-button-children">
                       {{ t("Edit") }}
@@ -34,7 +34,7 @@
                   <p class="text-center"><code>__template</code></p>
                   <p class="form-text text-muted text-center"><small>{{ t('template.decendants.desc') }}</small></p>
                 </div>
-                <div class="card-footer text-center bg-white">
+                <div class="card-footer text-center">
                   <a href="{{templateParentPath}}__template#edit"
                       class="btn btn-sm btn-primary" id="template-button-decendants">
                       {{ t("Edit") }}