add style

src/client/styles/scss/_layout_kibela.scss

@@ -17,6 +17,17 @@ body.kibela {
     background-color: $primary !important;
   }
 
+  /* h element */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    color: $color-header;
+    margin: 10px 0;
+  }
+
   .logo {
     background: transparent;
 
@@ -234,6 +245,20 @@ body.kibela {
     border: 1px solid $primary;
   }
 
+  /* Custom Control */
+  .custom-control {
+    .custom-control-input {
+      ~ .custom-control-label::before {
+        border-color: $lightthemecolor;
+      }
+
+      &:checked~ .custom-control-label::before {
+        background-color: $color-control;
+        border-color: $color-control;
+      }
+    }
+  }
+
   /* edit */
   .CodeMirror {
     border: solid 1.2px #d8d8d8;

src/client/styles/scss/theme/_layout_kibela_variable.scss

@@ -25,6 +25,8 @@ $color-inline-code: $subthemecolor;
 $bgcolor-inline-code: lighten($subthemecolor, 70%);
 $border: $lightthemecolor;
 
+$color-control: $bgcolor-theme;
+
 // change color of highlighted header in wiki (default: orange)
 .wiki {
   .code-line.revision-head.highlighted {