ad mixin

packages/app/src/styles/atoms/_mixins.scss

@@ -7,3 +7,9 @@
   border: 1px solid;
   border-radius: bs.$border-radius;
 }
+
+@mixin code-inline-color($color-inline-code,$bgcolor-inline-code, $bordercolor-inline-code) {
+  color: $color-inline-code;
+  background-color: $bgcolor-inline-code;
+  border-color: $bordercolor-inline-code;
+}

packages/app/src/styles/theme/_apply-colors.scss

@@ -2,7 +2,7 @@
 @use '../bootstrap/init' as *;
 @use '../mixins';
 @use './mixins/tables'; // comment out and use _reboot-bootstrap-tables instead -- 2020.05.28 Yuki Takei
-
+@use '../atoms/mixins' as atm;
 //
 //== Apply to Bootstrap
 //
@@ -51,16 +51,12 @@ $color-modal-header: color-yiq($primary) !default;
 
 :not(pre) {
   > code {
-    color: $color-inline-code;
-    background-color: $bgcolor-inline-code;
-    border-color: $bordercolor-inline-code;
+    @include atm.code-inline-color($color-inline-code, $bgcolor-inline-code, $bordercolor-inline-code);
   }
 }
 
 .code-inline {
-  color: $color-inline-code;
-  background-color: $bgcolor-inline-code;
-  border-color: $bordercolor-inline-code;
+  @include atm.code-inline-color($color-inline-code, $bgcolor-inline-code, $bordercolor-inline-code);
 }
 
 .code-highlighted {