apply bootstrap-reboot in theme

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

@@ -1,3 +1,46 @@
+/*===
+ * Apply to Bootstrap
+ */
+@import '~bootstrap/scss/bootstrap-reboot';
+@each $color, $value in $theme-colors {
+  @include bg-variant('.bg-#{$color}', $value);
+}
+@each $color, $value in $theme-colors {
+  .btn-#{$color} {
+    @include button-variant($value, $value);
+  }
+}
+@each $color, $value in $theme-colors {
+  .btn-outline-#{$color} {
+    @include button-outline-variant($value);
+  }
+}
+// @each $color, $value in $theme-colors {
+//   .link-#{$color} {
+//     color: $value;
+//     @if $emphasized-link-hover-darken-percentage != 0 {
+//       &:hover,
+//       &:focus {
+//         color: darken($value, $emphasized-link-hover-darken-percentage);
+//       }
+//     }
+//   }
+// }
+// @each $color, $value in $theme-colors {
+//   .alert-#{$color} {
+//     @include alert-variant(color-level($value, $alert-bg-level), color-level($value, $alert-border-level), color-level($value, $alert-color-level));
+//   }
+// }
+// @each $color, $value in $theme-colors {
+//   @include table-row-variant($color, color-level($value, $table-bg-level), color-level($value, $table-border-level));
+// }
+// @each $color, $value in $theme-colors {
+//   @include list-group-item-variant($color, color-level($value, -9), color-level($value, 6));
+// }
+
+/*===
+ * Apply to GROWI Elements
+ */
 body {
   background: $bgcolor-global;
 }