fix

assets/modal/modal.css

@@ -24,7 +24,7 @@
 }
 @media (prefers-reduced-motion: reduce) {
     .modal.fade .modal-dialog {
-        transition: none;
+        /*transition: none;*/
     }
 }
 .modal.show .modal-dialog {
@@ -71,13 +71,14 @@
     z-index: 1040;
     width: 100vw;
     height: 100vh;
-    background-color: #000;
+    background-color: var(--modal-backdrop-color-content, #000);
+    opacity: var(--modal-backdrop-opacity, 0.5);
 }
 .modal-backdrop.fade {
     opacity: 0;
 }
 .modal-backdrop.show {
-    opacity: 0.5;
+    opacity: var(--modal-backdrop-opacity, 0.5);
 }
 
 .modal-header {

assets/modal/modal.js

@@ -73,7 +73,9 @@ kit.PluginManager.register('modal', function(module, exports, require){
    * Class Definition
    * ------------------------------------------------------------------------
    */
-
+  /**
+   * @class kit.Modal
+   */
   class Modal extends BaseComponent {
     constructor(element, config) {
       super(element)