Merge pull request #2024 from weseek/support/fix-card-layout

Support/fix card layout

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

@@ -142,25 +142,6 @@ body.kibela {
     background-color: $bgcolor-inline-code;
   }
 
-  /* Card */
-  .card {
-    border: 1px solid $border-color-theme;
-
-    .card-header {
-      background-color: $lightthemecolor;
-      border-bottom: 1px solid $border-color-theme;
-    }
-
-    .card-body {
-      background-color: $themelight;
-    }
-
-    .card-footer {
-      background: white;
-      border-top: 1px solid $border-color-theme;
-    }
-  }
-
   /* button */
   .btn-primary {
     background: $primary;

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

@@ -1,18 +1,18 @@
 @import '../variables';
 @import '../override-bootstrap-variables';
 
+$bgcolor-theme: rgb(18, 86, 163);
+$themelight: #f4f5f6;
+$subthemecolor: rgb(88, 130, 250);
+$lightthemecolor: rgba(181, 203, 247, 0.61);
+
 // Light Mode
 html[light] {
-  $bgcolor-theme: rgb(18, 86, 163);
-  $themelight: #f4f5f6;
-  $subthemecolor: rgb(88, 130, 250);
-  $lightthemecolor: rgba(181, 203, 247, 0.61);
-
   // Background colors
   $bgcolor-navbar: white;
   $bgcolor-navbar-active: $bgcolor-theme;
   $bgcolor-global: $themelight;
-  $bgcolor-card: #e3e5e7;
+  $bgcolor-card: $lightthemecolor;
   $bgcolor-inline-code: lighten($subthemecolor, 70%);
 
   $color-header: $bgcolor-theme;
@@ -51,11 +51,6 @@ html[light] {
 
 // Dark Mode ( same as Light Mode )
 html[dark] {
-  $bgcolor-theme: rgb(18, 86, 163);
-  $themelight: #f4f5f6;
-  $subthemecolor: rgb(88, 130, 250);
-  $lightthemecolor: rgba(181, 203, 247, 0.61);
-
   // Background colors
   $bgcolor-navbar: transparent;
   $bgcolor-navbar-active: $bgcolor-theme;