cronapp-framework-js 2.9.2-SP.9 → 2.9.3-SP.1

package/css/themes/custom/journal/custom-journal.css

@@ -817,18 +817,6 @@ div[data-component="crn-textinputbutton"] div[data-component="crn-button"] butto
     border-color: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-primary {
-    background: var(--colorSuccess40, #22b24c);
-    border-color: transparent;
-    color: var(--textColorSuccess40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary:hover {
-    color: var(--textColorSuccess40, #ffffff);
-    background: var(--colorSuccess50, #1e9c43);
-    border-color: transparent;
-}
-
 .k-scheduler-navigation .k-link {
     background: var(--backgroundColor40, #ffffff);
     color: var(--colorPrimary40, #eb6864);
@@ -924,18 +912,6 @@ td.k-state-focused {
     background: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
-    background: var(--colorDanger40, #f57a00);
-    border-color: transparent;
-    color: var(--textColorDanger40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
-    color: var(--textColorDanger40, #ffffff);
-    background: var(--colorDanger50, #d76b00);
-    border-color: transparent;
-}
-
 .k-list .k-item.k-state-hover.k-state-selected,
 .k-list .k-item:hover.k-state-selected,
 .k-list-optionlabel:hover.k-state-selected {
@@ -1018,6 +994,30 @@ td.k-state-focused.k-state-selected,
 }
 
 /* Form */
+.k-scheduler-edit-form .k-textbox,
+.k-multiselect-wrap,
+.k-autocomplete.k-state-default,
+.k-dropdown-wrap.k-state-default,
+.k-numeric-wrap.k-state-default,
+.k-picker-wrap.k-state-default,
+.k-textbox,
+.cardinput,
+.form-control {
+    color: var(--textColor30, #7f7f7f);
+    background: var(--backgroundColor40, #ffffff);
+    border: 1px solid #cccccc;
+    border-radius: var(--borderRadiusSmallest, 4px);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+}
+
+input::placeholder,
+.k-input::placeholder,
+.form-control::placeholder {
+    font-family: "Georgia", var(--fontFamily);
+    font-size: var(--textNormalSize, 15px);
+    color: var(--textColor30, #7f7f7f);
+}
+
 .k-autocomplete.k-state-default.k-state-focused:hover,
 .k-widget.k-multiselect.k-state-focused:hover,
 .k-dropdown .k-state-focused:hover,

package/css/themes/custom/lumen/button-lumen.css

@@ -1,3 +1,7 @@
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .btn,
 .k-button,
 .btn.btn-outline {
@@ -34,6 +38,10 @@
 }
 
 /* Primary */
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
+.k-scheduler-edit-form .k-edit-field .k-button:hover,
+.k-edit-form-container .k-edit-buttons .k-primary:hover,
 .k-button.k-primary,
 .k-button.k-primary:hover,
 .btn.btn-primary,
@@ -42,6 +50,8 @@
     border-color: var(--colorPrimary60, #0f6788);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button:active,
+.k-edit-form-container .k-edit-buttons .k-primary:active,
 .k-button.k-primary:active,
 .k-button.k-primary.activated,
 .k-button.k-primary.active,
@@ -72,6 +82,10 @@
 }
 
 /* Danger */
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover,
 .k-button.k-danger,
 .k-button.k-danger:hover,
 .btn.btn-danger,
@@ -80,6 +94,8 @@
     border-color: var(--colorDanger50, #df392f);
 }
 
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:active,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active,
 .k-button.k-danger:active,
 .k-button.k-danger.activated,
 .k-button.k-danger.active,

package/css/themes/custom/lumen/custom-lumen.css

@@ -1045,19 +1045,6 @@ td.k-state-focused.k-state-selected,
     outline: none;
 }
 
-.k-edit-form-container .k-edit-buttons .k-primary {
-    background: var(--colorSuccess40, #28b62c);
-    border-color: transparent;
-    color: var(--textColorSuccess40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary:hover {
-    color: var(--textColorSuccess40, #ffffff);
-    background: var(--colorSuccess50, #1d8520);
-    border-color: transparent;
-    outline: none;
-}
-
 .k-scheduler-navigation .k-link {
     background: var(--backgroundColor40, #ffffff);
     color: var(--colorPrimary40, #158cba);
@@ -1150,19 +1137,6 @@ td.k-state-focused {
     background: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
-    background: var(--colorDanger40, #ff4136);
-    border-color: transparent;
-    color: var(--textColorDanger40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
-    color: var(--textColorDanger40, #ffffff);
-    background: var(--colorDanger50, #df392f);
-    border-color: transparent;
-    outline: none;
-}
-
 .k-list .k-item.k-state-hover.k-state-selected,
 .k-list .k-item:hover.k-state-selected,
 .k-list-optionlabel:hover.k-state-selected {

package/css/themes/custom/paper/custom-paper.css

@@ -1078,19 +1078,6 @@ td.k-state-focused.k-state-selected,
     outline: none;
 }
 
-.k-edit-form-container .k-edit-buttons .k-primary {
-    background: var(--colorSuccess40, #4caf50);
-    border-color: transparent;
-    color: var(--textColorSuccess40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary:hover {
-    color: var(--textColorSuccess40, #ffffff);
-    background: var(--colorSuccess50, #439946);
-    border-color: transparent;
-    outline: none;
-}
-
 .k-scheduler-navigation .k-link {
     background: var(--backgroundColor40, #ffffff);
     color: var(--colorPrimary40, #2196f3);
@@ -1183,19 +1170,6 @@ td.k-state-focused {
     background: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
-    background: var(--colorDanger40, #e51c23);
-    border-color: transparent;
-    color: var(--textColorDanger40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
-    color: var(--textColorDanger40, #ffffff);
-    background: var(--colorDanger50, #c9191f);
-    border-color: transparent;
-    outline: none;
-}
-
 .k-list .k-item.k-state-hover.k-state-selected,
 .k-list .k-item:hover.k-state-selected,
 .k-list-optionlabel:hover.k-state-selected {

package/css/themes/custom/readable/custom-readable.css

@@ -1007,19 +1007,6 @@ td.k-state-focused.k-state-selected,
     outline: none;
 }
 
-.k-edit-form-container .k-edit-buttons .k-primary {
-    background: var(--colorSuccess40, #3fad46);
-    border-color: transparent;
-    color: var(--textColorSuccess40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary:hover {
-    color: var(--textColorSuccess40, #ffffff);
-    background: var(--colorSuccess50, #37973d);
-    border-color: transparent;
-    outline: none;
-}
-
 .k-scheduler-navigation .k-link {
     background: var(--backgroundColor40, #ffffff);
     color: var(--colorPrimary40, #4582ec);
@@ -1092,19 +1079,6 @@ td.k-state-focused {
     background: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
-    background: var(--colorDanger40, #d9534f);
-    border-color: transparent;
-    color: var(--textColorDanger40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
-    color: var(--textColorDanger40, #ffffff);
-    background: var(--colorDanger50, #be4945);
-    border-color: transparent;
-    outline: none;
-}
-
 .k-list .k-item.k-state-hover.k-state-selected,
 .k-list .k-item:hover.k-state-selected,
 .k-list-optionlabel:hover.k-state-selected {

package/css/themes/custom/sandstone/custom-sandstone.css

@@ -716,19 +716,6 @@ a:hover {
     outline: none;
 }
 
-.k-edit-form-container .k-edit-buttons .k-primary {
-    background: var(--colorSuccess40, #93c54b);
-    border-color: transparent;
-    color: var(--textColorSuccess40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary:hover {
-    color: var(--textColorSuccess40, #ffffff);
-    background: var(--colorSuccess50, #81ac42);
-    border-color: transparent;
-    outline: none;
-}
-
 .k-scheduler-navigation .k-link {
     background: var(--backgroundColor40, #ffffff);
     color: var(--colorPrimary40, #3e3f3a);
@@ -814,19 +801,6 @@ td.k-state-focused {
     background: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
-    background: var(--colorDanger40, #ef473a);
-    border-color: transparent;
-    color: var(--textColorDanger40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
-    color: var(--textColorDanger40, #ffffff);
-    background: var(--colorDanger50, #d13e33);
-    border-color: transparent;
-    outline: none;
-}
-
 .k-scheduler .k-state-selected>.k-link {
     background: transparent;
     border-color: transparent;

package/css/themes/custom/simplex/button-simplex.css

@@ -1,3 +1,7 @@
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .btn,
 .k-button {
     background: var(--colorDefault40, #474949);
@@ -51,6 +55,8 @@
 }
 
 /* Primary */
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
 .k-button.k-primary,
 .btn.btn-primary {
     background: linear-gradient(var(--colorPrimary40, #d9230f), var(--colorPrimary40, #d9230f) 6%, var(--colorPrimary50, #be1f0d));
@@ -58,6 +64,10 @@
     color: var(--textColorPrimary40, #ffffff);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button:hover,
+.k-edit-form-container .k-edit-buttons .k-primary:hover,
+.k-scheduler-edit-form .k-edit-field .k-button:focus,
+.k-edit-form-container .k-edit-buttons .k-primary:focus,
 .k-button.k-primary:focus,
 .k-button.k-primary:hover,
 .btn.btn-primary:focus,
@@ -66,6 +76,8 @@
     background: var(--colorPrimary60, #9f1a0b);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button:active,
+.k-edit-form-container .k-edit-buttons .k-primary:active,
 .k-button.k-primary.active,
 .k-button.k-primary:active,
 .btn.btn-primary.active,
@@ -123,6 +135,8 @@
 }
 
 /* Danger */
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .k-button.k-danger,
 .btn.btn-danger {
     background: linear-gradient(var(--colorDanger40, #d9831f), var(--colorDanger40, #d9831f) 6%, var(--colorDanger50, #be731b));
@@ -130,6 +144,10 @@
     color: var(--textColorDanger40, #ffffff);
 }
 
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:focus,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:focus,
 .k-button.k-danger:focus,
 .k-button.k-danger:hover,
 .btn.btn-danger:focus,
@@ -138,6 +156,8 @@
     background: var(--colorDanger60, #9f6017);
 }
 
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:active,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active,
 .k-button.k-danger.active,
 .k-button.k-danger:active,
 .btn.btn-danger.active,

package/css/themes/custom/simplex/custom-simplex.css

@@ -722,18 +722,6 @@ div[data-component="crn-textinputbutton"] div[data-component="crn-button"] butto
     border-color: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-primary {
-    background: linear-gradient(var(--colorSuccess40, #469408), var(--colorSuccess40, #469408) 6%, var(--colorSuccess50, #3d8207));
-    border-color: var(--colorSuccess40, #469408);
-    color: var(--textColorSuccess40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary:hover {
-    color: var(--textColorSuccess40, #ffffff);
-    background: var(--colorSuccess60, #336c06);
-    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
-}
-
 .k-scheduler-navigation .k-link {
     background: var(--backgroundColor40, #fcfcfc);
     color: var(--colorPrimary40, #d9230f);
@@ -837,18 +825,6 @@ td.k-state-focused {
     background: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
-    background: linear-gradient(var(--colorDange40, #9b479f), var(--colorDanger40, #9b479f) 6%, var(--colorDanger50, #883e8b));
-    border-color: var(--colorDanger40, #9b479f);
-    color: var(--textColorDanger40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
-    color: var(--textColorDanger40, #ffffff);
-    background: var(--colorDanger40, #9b479f);
-    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
-}
-
 .k-list .k-item.k-state-hover.k-state-selected,
 .k-list .k-item:hover.k-state-selected,
 .k-list-optionlabel:hover.k-state-selected {

package/css/themes/custom/slate/button-slate.css

@@ -1,3 +1,7 @@
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .btn,
 .k-button {
     background: var(--colorDefault40, #f5f5f5);
@@ -49,6 +53,8 @@
 
 
 /* Primary */
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
 .k-button.k-primary,
 .btn.btn-primary {
     background: linear-gradient(var(--colorPrimary40, #7a8288), var(--colorPrimary40, #7a8288) 60%, var(--colorPrimary50, #6b7277));
@@ -56,6 +62,10 @@
     color: var(--textColorPrimary40, #ffffff);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button:hover,
+.k-edit-form-container .k-edit-buttons .k-primary:hover,
+.k-scheduler-edit-form .k-edit-field .k-button:focus,
+.k-edit-form-container .k-edit-buttons .k-primary:focus,
 .k-button.k-primary:focus,
 .k-button.k-primary:hover,
 .btn.btn-primary:focus,
@@ -66,6 +76,8 @@
     color: var(--textColorPrimary40, #ffffff);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button:active,
+.k-edit-form-container .k-edit-buttons .k-primary:active,
 .k-button.k-primary.active,
 .k-button.k-primary:active,
 .btn.btn-primary.active,
@@ -127,6 +139,8 @@
 }
 
 /* Danger */
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .k-button.k-danger,
 .btn.btn-danger {
     background: linear-gradient(var(--colorDanger40, #ee5f5b), var(--colorDanger40, #ee5f5b) 60%, var(--colorDanger50, #d05350));
@@ -134,6 +148,10 @@
     color: var(--textColorDanger40, #ffffff);
 }
 
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:focus,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:focus,
 .k-button.k-danger:focus,
 .k-button.k-danger:hover,
 .btn.btn-danger:focus,
@@ -144,6 +162,8 @@
     color: var(--textColorDanger40, #ffffff);
 }
 
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:active,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active,
 .k-button.k-danger.active,
 .k-button.k-danger:active,
 .btn.btn-danger.active,

package/css/themes/custom/slate/custom-slate.css

@@ -1138,8 +1138,6 @@ td.k-state-focused.k-state-selected {
     color: var(--textColorPrimary40, #ffffff);
 }
 
-.k-scheduler-edit-form .k-edit-field .k-button,
-.k-edit-form-container .k-edit-buttons .k-primary,
 .k-scheduler .k-state-selected>.k-link,
 .k-scheduler .k-scheduler-toolbar .k-state-selected,
 .k-scheduler .k-today.k-state-selected,
@@ -1191,8 +1189,6 @@ td.k-state-focused.k-state-selected {
     box-shadow: inset 0 0 10px 3px var(--colorDefault40, #3a3f44);
 }
 
-.k-scheduler-edit-form .k-edit-field .k-button,
-.k-edit-form-container .k-edit-buttons .k-primary,
 .k-scheduler .k-scheduler-toolbar .k-state-selected,
 .k-scheduler .k-today.k-state-selected,
 .k-scheduler-navigation .k-nav-prev .k-link,
@@ -1205,41 +1201,13 @@ td.k-state-focused.k-state-selected {
 
 .k-scheduler-navigation .k-nav-prev .k-link:hover,
 .k-scheduler div.k-scheduler-footer .k-link:hover,
-.k-scheduler div.k-scheduler-footer ul li:hover,
-.k-scheduler-edit-form .k-edit-field .k-button:hover,
-.k-edit-form-container .k-edit-buttons .k-primary:hover {
+.k-scheduler div.k-scheduler-footer ul li:hover{
     background: linear-gradient(var(--colorPrimary60, #595f64), var(--colorPrimary60, #595f64) 40%, var(--colorPrimary50, #6b7277));
     box-shadow: none;
     border-color: var(--colorPrimary40, #7a8288);
     color: var(--textColorPrimary40, #ffffff);
 }
 
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
-    background: linear-gradient(var(--colorDanger40, #ee5f5b), var(--colorDanger40, #ee5f5b) 60%, var(--colorDanger50, #d05350));
-    border-color: var(--colorDanger40, #ee5f5b);
-    color: var(--textColorDanger40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
-    background: linear-gradient(var(--colorDanger60, #ae4643), var(--colorDanger60, #ae4643) 40%, var(--colorDanger50, #d05350));
-    box-shadow: none;
-    border-color: var(--colorDanger40, #ee5f5b);
-    color: var(--textColorDanger40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary {
-    background: linear-gradient(var(--colorSuccess40, #62c462), var(--colorSuccess40, #62c462) 60%, var(--colorSuccess50, #56ac56));
-    border-color: var(--colorSuccess40, #62c462);
-    color: var(--textColorSuccess40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary:hover {
-    background: linear-gradient(var(--colorSuccess60, #489048), var(--colorSuccess60, #489048) 40%, var(--colorSuccess50, #56ac56));
-    box-shadow: none;
-    border-color: var(--colorSuccess40, #62c462);
-    color: var(--textColorSuccess40, #ffffff);
-}
-
 .k-scheduler-table .k-today,
 .k-today>.k-scheduler-datecolumn,
 .k-today>.k-scheduler-groupcolumn {
@@ -1251,6 +1219,11 @@ td.k-state-focused.k-state-selected {
     color: var(--textColorPrimary40, #ffffff);
 }
 
+.k-edit-form-container .k-edit-buttons,
+.k-window .k-window-titlebar.k-header {
+    border-color: var(--backgroundColor70, #15181a);
+}
+
 /* Input with icon */
 .layout-template-modern {
     background: var(--colorNeutral00, #ffffff);

package/css/themes/custom/spacelab/button-spacelab.css

@@ -1,3 +1,7 @@
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .btn,
 .k-button {
     background: var(--colorDefault40, #474949);
@@ -48,6 +52,8 @@
 }
 
 /* Primary */
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
 .k-button.k-primary,
 .btn.btn-primary {
     background: linear-gradient(var(--colorPrimary30, #899cb7), var(--colorPrimary40, #446e9b) 50%, var(--colorPrimary50, #3c6088));
@@ -55,6 +61,10 @@
     color: var(--textColorPrimary40, #ffffff);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button:hover,
+.k-edit-form-container .k-edit-buttons .k-primary:hover,
+.k-scheduler-edit-form .k-edit-field .k-button:focus,
+.k-edit-form-container .k-edit-buttons .k-primary:focus,
 .k-button.k-primary:focus,
 .k-button.k-primary:hover,
 .btn.btn-primary:focus,
@@ -63,6 +73,8 @@
     background: linear-gradient(var(--colorPrimary30, #899cb7), var(--colorPrimary50, #3c6088) 50%, var(--colorPrimary60, #325172));
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button:active,
+.k-edit-form-container .k-edit-buttons .k-primary:active,
 .k-button.k-primary.active,
 .k-button.k-primary:active,
 .btn.btn-primary.active,
@@ -127,6 +139,8 @@
 
 
 /* Danger */
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .k-button.k-danger,
 .btn.btn-danger {
     background: linear-gradient(var(--colorDanger30, #da7b7b), var(--colorDanger40, #cd0200) 50%, var(--colorDanger50, #b30200));
@@ -134,6 +148,10 @@
     color: var(--textColorDanger40, #ffffff);
 }
 
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:focus,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:focus,
 .k-button.k-danger:focus,
 .k-button.k-danger:hover,
 .btn.btn-danger:focus,
@@ -142,6 +160,8 @@
     background: linear-gradient(var(--colorDanger30, #da7b7b), var(--colorDanger50, #b30200) 50%, var(--colorDanger60, #960100));
 }
 
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:active,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active,
 .k-button.k-danger.active,
 .k-button.k-danger:active,
 .btn.btn-danger.active,

package/css/themes/custom/spacelab/custom-spacelab.css

@@ -756,18 +756,6 @@ div[data-component="crn-textinputbutton"] div[data-component="crn-button"] butto
     background: linear-gradient(var(--colorPrimary30, #899cb7), var(--colorPrimary50, #3c6088) 50%, var(--colorPrimary60, #325172));
 }
 
-.k-edit-form-container .k-edit-buttons .k-primary {
-    background: linear-gradient(var(--colorSuccess30, #86c97f), var(--colorSuccess40, #3cb521) 50%, var(--colorSuccess50, #359e1d));
-    border-color: var(--colorSuccess40, #3cb521);
-    color: var(--textColorSuccess40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary:hover {
-    color: var(--textColorSuccess40, #ffffff);
-    background: linear-gradient(var(--colorSuccess30, #86c97f), var(--colorSuccess50, #359e1d) 50%, var(--colorSuccess60, #2c8518));
-    border-color: var(--colorSuccess40, #3cb521);
-}
-
 .k-scheduler-navigation .k-link {
     background: var(--backgroundColor40, #ffffff);
     color: var(--colorPrimary40, #446e9b);
@@ -823,18 +811,6 @@ td.k-state-focused {
     background: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
-    background: linear-gradient(var(--colorDanger30, #da7b7b), var(--colorDanger40, #cd0200) 50%, var(--colorDanger50, #b30200));
-    border-color: var(--colorDanger40, #cd0200);
-    color: var(--textColorDanger40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
-    color: var(--textColorDanger40, #ffffff);
-    background: linear-gradient(var(--colorDanger30, #da7b7b), var(--colorDanger50, #b30200) 50%, var(--colorDanger60, #960100));
-    border-color: var(--colorDanger40, #cd0200);
-}
-
 .k-scheduler-toolbar .k-nav-current.k-state-hover .k-icon,
 .k-scheduler-toolbar .k-nav-current.k-state-hover .k-lg-date-format,
 .k-scheduler-toolbar .k-nav-current.k-state-hover .k-sm-date-format {

package/css/themes/custom/superhero/button-superhero.css

@@ -1,3 +1,7 @@
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .btn,
 .k-button {
     border-radius: 0;
@@ -21,6 +25,10 @@
 }
 
 /* Primary */
+.k-scheduler-edit-form .k-edit-field .k-button:hover,
+.k-edit-form-container .k-edit-buttons .k-primary:hover,
+.k-scheduler-edit-form .k-edit-field .k-button:focus,
+.k-edit-form-container .k-edit-buttons .k-primary:focus,
 .k-button.k-primary:focus,
 .k-button.k-primary:hover,
 .btn.btn-primary:focus,
@@ -29,6 +37,8 @@
     color: var(--textColorPrimary40, #ffffff);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button:active,
+.k-edit-form-container .k-edit-buttons .k-primary:active,
 .btn.btn-primary.active,
 .btn.btn-primary:active,
 .k-button.k-primary.active,
@@ -72,6 +82,10 @@
 }
 
 /* Danger */
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:focus,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:focus,
 .k-button.k-danger:focus,
 .k-button.k-danger:hover,
 .btn.btn-danger:focus,
@@ -80,6 +94,8 @@
     color: var(--textColorDanger40, #ffffff);
 }
 
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:active,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active,
 .btn.btn-danger.active,
 .btn.btn-danger:active,
 .k-button.k-danger.active,