cronapp-framework-js 2.9.1 → 2.9.2-SP.10

package/css/themes/custom/cerulean/custom-cerulean.css

@@ -266,23 +266,25 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
+    /* === Variables used exclusively in the color palette property === */
+
     /* Components - Button */
     --btnLink: var(--colorPrimary40, #2fa4e7);
-    --btnDefault: var(--colorDefault40, #f5f5f5);
-    --btnPrimary: var(--colorPrimary40, #2fa4e7);
-    --btnSuccess: var(--colorSuccess40, #73a839);
-    --btnCalm: var(--colorCalm40, #033c73);
-    --btnWarning: var(--colorWarning40, #dd5600);
-    --btnDanger: var(--colorDanger40, #c71c22);
-    --btnLight: var(--colorLight40, #ffffff);
-    --btnStable: var(--colorStable40, #f8f8f8);
-    --btnRoyal: var(--colorRoyal40, #886aea);
-    --btnDark: var(--colorDark40, #444444);
+    --btnDefault: linear-gradient(var(--colorDefault10, #fcfcfc), var(--colorDefault10, #fcfcfc) 60%, var(--colorDefault40, #f5f5f5));
+    --btnPrimary: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #3c6088));
+    --btnSuccess: linear-gradient(var(--colorSuccess30, #9fc085), var(--colorSuccess40, #73a839) 60%, var(--colorSuccess50, #359e1d));
+    --btnCalm: linear-gradient(var(--colorCalm30, #7b869f), var(--colorCalm40, #033c73) 60%, var(--colorCalm50, #033565));
+    --btnWarning: linear-gradient(var(--colorWarning30, #e5907b), var(--colorWarning40, #dd5600) 60%, var(--colorWarning50, #c24b00));
+    --btnDanger: linear-gradient(var(--colorDanger30, #d57e7f), var(--colorDanger40, #c71c22) 60%, var(--colorDanger50, #ae191e));
+    --btnLight: linear-gradient(var(--colorLight30, #ffffff), var(--colorLight40, #ffffff) 60%, var(--colorLight50, #dfdfdf));
+    --btnStable: linear-gradient(var(--colorStable30, #fafafa), var(--colorStable40, #f8f8f8) 60%, var(--colorStable50, #d9d9d9));
+    --btnRoyal: linear-gradient(var(--colorRoyal30, #ab9aef), var(--colorRoyal40, #886aea) 60%, var(--colorRoyal50, #775dcd));
+    --btnDark: linear-gradient(var(--colorDark30, #898989), var(--colorDark40, #444444) 60%, var(--colorDark50, #3c3c3c));
 
     --textColorDefault: var(--textColorDefault40, #444444);
     --textColorPrimary: var(--textColorPrimary40, #ffffff);
     --textColorSuccess: var(--textColorSuccess40, #ffffff);
-    --textColorCalm: var(--textColorDefault40, #ffffff);
+    --textColorCalm: var(--textColorCalm40, #ffffff);
     --textColorWarning: var(--textColorWarning40, #ffffff);
     --textColorDanger: var(--textColorDanger40, #ffffff);
     --textColorLight: var(--textColorLight40, #444444);
@@ -290,6 +292,18 @@
     --textColorRoyal: var(--textColorRoyal40, #ffffff);
     --textColorDark: var(--textColorDark40, #ffffff);
 
+    --borderBtnLink: transparent;
+    --borderBtnDefault: var(--colorDefault50, #d7d7d7);
+    --borderBtnPrimary: var(--colorPrimary40, #2fa4e7);
+    --borderBtnSuccess: var(--colorSuccess40, #73a839);
+    --borderBtnCalm: var(--colorCalm40, #033c73);
+    --borderBtnWarning: var(--colorWarning40, #dd5600);
+    --borderBtnDanger: var(--colorDanger50, #ae191e);
+    --borderBtnLight: var(--colorLight40, #ffffff);
+    --borderBtnStable: var(--colorStable40, #f8f8f8);
+    --borderBtnRoyal: var(--colorRoyal40, #886aea);
+    --borderBtnDark: var(--colorDark40, #444444);
+
     /* Components - Text color */
     --colorDefault: var(--colorDefault50, #d7d7d7);
     --colorPrimary: var(--colorPrimary40, #2fa4e7);
@@ -314,6 +328,17 @@
     --checkboxRoyal: var(--colorRoyal40, #886aea);
     --checkboxDark: var(--colorDark40, #444444);
 
+    --borderCheckboxDefault: transparent;
+    --borderCheckboxPrimary: transparent;
+    --borderCheckboxSuccess: transparent;
+    --borderCheckboxCalm: transparent;
+    --borderCheckboxWarning: transparent;
+    --borderCheckboxDanger: transparent;
+    --borderCheckboxLight: transparent;
+    --borderCheckboxStable: transparent;
+    --borderCheckboxRoyal: transparent;
+    --borderCheckboxDark: transparent;
+
     /* Components - Combobox */
     --comboboxDefault: var(--colorDefault40, #f5f5f5);
     --comboboxPrimary: var(--colorPrimary40, #2fa4e7);
@@ -326,6 +351,17 @@
     --comboboxRoyal: var(--colorRoyal40, #886aea);
     --comboboxDark: var(--colorDark40, #444444);
 
+    --borderComboboxDefault: var(--colorDefault50, #d7d7d7);
+    --borderComboboxPrimary: var(--colorPrimary50, #4b58a6);
+    --borderComboboxSuccess: var(--colorSuccess50, #73a839);
+    --borderComboboxCalm: var(--colorCalm50, #033c73);
+    --borderComboboxWarning: var(--colorWarning50, #dd5600);
+    --borderComboboxDanger: var(--colorDanger50, #ae191e);
+    --borderComboboxLight: var(--colorLight50, #dfdfdf);
+    --borderComboboxStable: var(--colorStable50, #f8f8f8);
+    --borderComboboxRoyal: var(--colorRoyal50, #775dcd);
+    --borderComboboxDark: var(--colorDark50, #3c3c3c);
+
     /* Components - Radio input */
     --optionDefault: var(--colorDefault50, #d7d7d7);
     --optionPrimary: var(--colorPrimary40, #2fa4e7);
@@ -338,8 +374,19 @@
     --optionRoyal: var(--colorRoyal40, #886aea);
     --optionDark: var(--colorDark40, #444444);
 
+    --borderOptionDefault: transparent;
+    --borderOptionPrimary: transparent;
+    --borderOptionSuccess: transparent;
+    --borderOptionCalm: transparent;
+    --borderOptionWarning: transparent;
+    --borderOptionDanger: transparent;
+    --borderOptionLight: transparent;
+    --borderOptionStable: transparent;
+    --borderOptionRoyal: transparent;
+    --borderOptionDark: transparent;
+
     /* Components - Panel */
-    --panelDefault: var(--colorPrimary40, #2ca4a8);
+    --panelDefault: var(--colorPrimary40, #2fa4e7);
     --panelPrimary: var(--colorDefault40, #f5f5f5);
     --panelSuccess: var(--colorSuccess40, #73a839);
     --panelCalm: var(--colorCalm40, #033c73);
@@ -349,6 +396,19 @@
     --panelStable: var(--colorStable50, #d9d9d9);
     --panelRoyal: var(--colorRoyal40, #886aea);
     --panelDark: var(--colorDark40, #444444);
+
+    --borderPanelDefault: var(--colorPrimary40, #2fa4e7);
+    --borderPanelPrimary: var(--colorDefault40, #f5f5f5);
+    --borderPanelSuccess: var(--colorSuccess40, #73a839);
+    --borderPanelCalm: var(--colorCalm40, #033c73);
+    --borderPanelWarning: var(--colorWarning40, #dd5600);
+    --borderPanelDanger: var(--colorDanger40, #c71c22);
+    --borderPanelLight: var(--colorLight50, #dfdfdf);
+    --borderPanelStable: var(--colorStable50, #d9d9d9);
+    --borderPanelRoyal: var(--colorRoyal40, #886aea);
+    --borderPanelDark: var(--colorDark40, #444444);
+
+    /* === End - Variables used exclusively in the color palette property === */
 }
 
 h1,
@@ -829,6 +889,17 @@ td.k-state-focused.k-state-selected {
     color: var(--colorPrimary60, #2278a9);
 }
 
+.k-autocomplete.k-state-focused,
+.k-dropdown-wrap.k-state-focused,
+.k-multiselect.k-header.k-state-focused,
+.k-numeric-wrap.k-state-focused,
+.k-picker-wrap.k-state-focused,
+.k-textbox:focus,
+.cardinput:focus-within {
+    border-color: var(--colorPrimary30, #82bded);
+    outline: 0;
+    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
+}
 
 /* Modal button - password */
 #forgotPasswordModal .modal-footer .k-button.k-success,
@@ -877,4 +948,8 @@ td.k-state-focused.k-state-selected {
 .k-scheduler-navigation .k-nav-next.k-state-hover .k-link span,
 .k-scheduler-navigation .k-nav-prev.k-state-hover .k-link span {
     color: var(--textColorPrimary40, #ffffff);
+}
+
+.k-window-titlebar {
+    background: transparent;
 }

package/css/themes/custom/cosmo/custom-cosmo.css

@@ -266,6 +266,7 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
+    /* === Variables used exclusively in the color palette property === */
     /* Components - Button */
     --btnLink: var(--colorPrimary40, #2780e3);
     --btnDefault: var(--colorDefault40, #222222);
@@ -279,6 +280,29 @@
     --btnRoyal: var(--colorRoyal40, #886aea);
     --btnDark: var(--colorDark40, #444444);
 
+    --textColorDefault: var(--textColorDefault40, #ffffff);
+    --textColorPrimary: var(--textColorPrimary40, #ffffff);
+    --textColorSuccess: var(--textColorSuccess40, #ffffff);
+    --textColorCalm: var(--textColorCalm40, #ffffff);
+    --textColorWarning: var(--textColorWarning40, #ffffff);
+    --textColorDanger: var(--textColorDanger40, #ffffff);
+    --textColorLight: var(--textColorLight40, #000000);
+    --textColorStable: var(--textColorStable40, #444444);
+    --textColorRoyal: var(--textColorRoyal40, #ffffff);
+    --textColorDark: var(--textColorDark40, #ffffff);
+
+    --borderBtnLink: transparent;
+    --borderBtnDefault: transparent;
+    --borderBtnPrimary: transparent;
+    --borderBtnSuccess: transparent;
+    --borderBtnCalm: transparent;
+    --borderBtnWarning: transparent;
+    --borderBtnDanger: transparent;
+    --borderBtnLight: transparent;
+    --borderBtnStable: transparent;
+    --borderBtnRoyal: transparent;
+    --borderBtnDark: transparent;
+
     /* Components - Text color */
     --colorDefault: var(--colorDefault40, #222222);
     --colorPrimary: var(--colorPrimary40, #2780e3);
@@ -303,6 +327,17 @@
     --checkboxRoyal: var(--colorRoyal40, #886aea);
     --checkboxDark: var(--colorDark40, #444444);
 
+    --borderCheckboxDefault: transparent;
+    --borderCheckboxPrimary: transparent;
+    --borderCheckboxSuccess: transparent;
+    --borderCheckboxCalm: transparent;
+    --borderCheckboxWarning: transparent;
+    --borderCheckboxDanger: transparent;
+    --borderCheckboxLight: transparent;
+    --borderCheckboxStable: transparent;
+    --borderCheckboxRoyal: transparent;
+    --borderCheckboxDark: transparent;
+
     /* Components - Combobox */
     --comboboxDefault: var(--colorDefault40, #222222);
     --comboboxPrimary: var(--colorPrimary40, #2780e3);
@@ -315,6 +350,17 @@
     --comboboxRoyal: var(--colorRoyal40, #886aea);
     --comboboxDark: var(--colorDark40, #444444);
 
+    --borderComboboxDefault: var(--colorDefault50, #555555);
+    --borderComboboxPrimary: var(--colorPrimary50, #2a9fd6);
+    --borderComboboxSuccess: var(--colorSuccess50, #77b300);
+    --borderComboboxCalm: var(--colorCalm50, #11c1f3);
+    --borderComboboxWarning: var(--colorWarning50, #ff8800);
+    --borderComboboxDanger: var(--colorDanger50, #cc0000);
+    --borderComboboxLight: var(--colorLight50, #222222);
+    --borderComboboxStable: var(--colorStable50, #f8f8f8);
+    --borderComboboxRoyal: var(--colorRoyal50, #9933cc);
+    --borderComboboxDark: var(--colorDark50, #adafae);
+
     /* Components - Radio input */
     --optionDefault: var(--colorDefault40, #222222);
     --optionPrimary: var(--colorPrimary40, #2780e3);
@@ -327,6 +373,17 @@
     --optionRoyal: var(--colorRoyal40, #886aea);
     --optionDark: var(--colorDark40, #444444);
 
+    --borderOptionDefault: transparent;
+    --borderOptionPrimary: transparent;
+    --borderOptionSuccess: transparent;
+    --borderOptionCalm: transparent;
+    --borderOptionWarning: transparent;
+    --borderOptionDanger: transparent;
+    --borderOptionLight: transparent;
+    --borderOptionStable: transparent;
+    --borderOptionRoyal: transparent;
+    --borderOptionDark: transparent;
+
     /* Components - Panel */
     --panelDefault: var(--colorPrimary40, #2780e3);
     --panelPrimary: var(--colorDefault10, #d6d6d6);
@@ -338,6 +395,19 @@
     --panelStable: var(--colorStable50, #d9d9d9);
     --panelRoyal: var(--colorRoyal40, #886aea);
     --panelDark: var(--colorDark40, #444444);
+
+    --borderPanelDefault: var(--colorDefault10, #d6d6d6);
+    --borderPanelPrimary: transparent;
+    --borderPanelSuccess: transparent;
+    --borderPanelCalm: transparent;
+    --borderPanelWarning: transparent;
+    --borderPanelDanger: transparent;
+    --borderPanelLight: var(--colorLight50, #dfdfdf);
+    --borderPanelStable: var(--colorStable50, #d9d9d9);
+    --borderPanelRoyal: transparent;
+    --borderPanelDark: transparent;
+
+    /* === End - Variables used exclusively in the color palette property === */
 }
 
 .color-light {
@@ -419,7 +489,6 @@ a:hover {
 }
 
 .k-pager-wrap .k-pager-refresh,
-.k-dropdown-wrap.k-state-default,
 .k-header,
 .k-pager-wrap,
 .k-grid-toolbar {
@@ -770,7 +839,7 @@ a:hover {
     color: var(--textColorStable40, #444444);
 }
 
-
+.input-group .k-button,
 .crn-textinputbutton-button button {
     padding: 6px 10px;
 }
@@ -793,7 +862,6 @@ textarea.k-textbox,
 textarea.k-textbox:hover,
 .k-dropdown .k-state-focused,
 .k-filebrowser-dropzone,
-.k-list>.k-state-hover,
 .k-listbox .k-item:hover:not(.k-state-disabled),
 .k-mobile-list .k-edit-label.k-check:active,
 .k-mobile-list .k-item>.k-label:active,
@@ -803,8 +871,6 @@ textarea.k-textbox:hover,
 .k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
 .k-splitbar-horizontal-hover:hover,
 .k-splitbar-vertical-hover:hover,
-.k-state-hover,
-.k-state-hover:hover,
 .k-grid-header:first-child th.k-header:first-child,
 .k-rtl thead.k-grid-header th.k-header:last-child,
 thead.k-grid-header th.k-header:first-child,
@@ -880,6 +946,12 @@ thead.k-grid-header th.k-header:first-child,
 .k-window-titleless .k-window-content,
 .k-treeview .k-item {
     border-radius: var(--borderRadiusNone, 0);
+    border-color: var(--textColor10, #d7d7d7);
+    box-shadow: none;
+}
+
+.k-autocomplete.k-state-default {
+    border: 1px solid var(--textColor10, #d7d7d7);
 }
 
 .k-scheduler-edit-form .k-edit-field .k-button,
@@ -1002,4 +1074,51 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--backgroundColor40, #ffffff);
+}
+
+/* Dropdown */
+.k-dropdown-wrap {
+    background: transparent;
+}
+
+/* .cronMultiSelect, */
+.k-multiselect-clearable .k-multiselect-wrap,
+.k-dropdown-wrap.k-state-default {
+    color: var(--textColor40, #393939);
+    border: 1px solid var(--textColor10, #d7d7d7);
+    background: transparent;
+    border-radius: var(--borderRadiusNone, 0);
+}
+
+.k-autocomplete.k-state-default .k-input,
+.k-combobox .k-state-default .k-input,
+.k-multiselect-wrap,
+.k-numeric-wrap.k-state-default .k-input,
+.k-picker-wrap.k-state-default .k-input,
+.k-progress-status-wrap,
+.k-slider-selection,
+.k-slider-track {
+    box-shadow: none;
+}
+
+.k-widget.k-multiselect.k-state-focused,
+.k-dropdown .k-state-focused,
+.k-autocomplete.k-state-focused,
+.k-dropdown-wrap.k-state-focused,
+.k-multiselect.k-header.k-state-focused,
+.k-numeric-wrap.k-state-focused,
+.k-picker-wrap.k-state-focused,
+.k-textbox:focus,
+.cardinput:focus-within {
+    border-color: var(--colorPrimary30, #82bded);
+    outline: 0;
+    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
+}
+
+.k-popup .k-list .k-state-focused {
+    border-radius: var(--borderRadiusNone, 0);
+}
+
+.cardinput {
+    padding: 0;
 }

package/css/themes/custom/cosmo/panel-cosmo.css

@@ -11,27 +11,26 @@
 
 /* Default */
 .panel-default .panel-heading,
-.panel-default .panel-footer {
-    color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary40, #2780e3);
+.panel-default .panel-footer {    
+    color: var(--textColor40, #333333);
+    background: var(--colorDefault10, #d6d6d6);
     border-color: transparent
 }
 
 .panel-default {
-    border-color: var(--colorPrimary40, #2780e3);
+    border-color: var(--colorDefault10, #d6d6d6);
 }
 
 /* Primary */
-
 .panel-primary>.panel-heading,
 .panel-primary>.panel-footer {
-    color: var(--textColor40, #333333);
-    background: var(--colorDefault10, #d6d6d6);
+    color: var(--textColorPrimary40, #ffffff);
+    background: var(--colorPrimary40, #2780e3);
     border-color: transparent
 }
 
 .panel-primary {
-    border-color: var(--colorDefault10, #d6d6d6);
+    border-color: var(--colorPrimary40, #2780e3);
 }
 
 /* Sucess */

package/css/themes/custom/cyborg/custom-cyborg.css

@@ -266,6 +266,7 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
+    /* === Variables used exclusively in the color palette property === */
     /* Components - Button */
     --btnLink: var(--colorPrimary40, #2a9fd6);
     --btnDefault: var(--colorDefault40, #555555);
@@ -279,6 +280,29 @@
     --btnRoyal: var(--colorRoyal40, #9933cc);
     --btnDark: var(--colorDark40, #adafae);
 
+    --textColorDefault: var(--textColorDefault40, #ffffff);
+    --textColorPrimary: var(--textColorPrimary40, #ffffff);
+    --textColorSuccess: var(--textColorSuccess40, #ffffff);
+    --textColorCalm: var(--textColorCalm40, #ffffff);
+    --textColorWarning: var(--textColorWarning40, #ffffff);
+    --textColorDanger: var(--textColorDanger40, #ffffff);
+    --textColorLight: var(--textColorLight40, #ffffff);
+    --textColorStable: var(--textColorStable40, #444444);
+    --textColorRoyal: var(--textColorRoyal40, #ffffff);
+    --textColorDark: var(--textColorDark40, #000000);
+
+    --borderBtnLink: transparent;
+    --borderBtnDefault: transparent;
+    --borderBtnPrimary: transparent;
+    --borderBtnSuccess: transparent;
+    --borderBtnCalm: transparent;
+    --borderBtnWarning: transparent;
+    --borderBtnDanger: transparent;
+    --borderBtnLight: transparent;
+    --borderBtnStable: transparent;
+    --borderBtnRoyal: transparent;
+    --borderBtnDark: transparent;
+
     /* Components - Text color */
     --colorDefault: var(--colorDefault50, #4a4a4a);
     --colorPrimary: var(--colorPrimary40, #2a9fd6);
@@ -303,6 +327,17 @@
     --checkboxRoyal: var(--colorRoyal40, #9933cc);
     --checkboxDark: var(--colorDark40, #adafae);
 
+    --borderCheckboxDefault: transparent;
+    --borderCheckboxPrimary: transparent;
+    --borderCheckboxSuccess: transparent;
+    --borderCheckboxCalm: transparent;
+    --borderCheckboxWarning: transparent;
+    --borderCheckboxDanger: transparent;
+    --borderCheckboxLight: transparent;
+    --borderCheckboxStable: transparent;
+    --borderCheckboxRoyal: transparent;
+    --borderCheckboxDark: transparent;
+
     /* Components - Combobox */
     --comboboxDefault: var(--colorDefault40, #555555);
     --comboboxPrimary: var(--colorPrimary40, #2a9fd6);
@@ -315,6 +350,17 @@
     --comboboxRoyal: var(--colorRoyal40, #9933cc);
     --comboboxDark: var(--colorDark40, #adafae);
 
+    --borderComboboxDefault: var(--colorDefault50, #555555);
+    --borderComboboxPrimary: var(--colorPrimary50, #2a9fd6);
+    --borderComboboxSuccess: var(--colorSuccess50, #77b300);
+    --borderComboboxCalm: var(--colorCalm50, #11c1f3);
+    --borderComboboxWarning: var(--colorWarning50, #ff8800);
+    --borderComboboxDanger: var(--colorDanger50, #cc0000);
+    --borderComboboxLight: var(--colorLight50, #222222);
+    --borderComboboxStable: var(--colorStable50, #f8f8f8);
+    --borderComboboxRoyal: var(--colorRoyal50, #9933cc);
+    --borderComboboxDark: var(--colorDark50, #adafae);
+
     /* Components - Radio input */
     --optionDefault: var(--colorDefault30, #909090);
     --optionPrimary: var(--colorPrimary40, #2a9fd6);
@@ -327,6 +373,17 @@
     --optionRoyal: var(--colorRoyal40, #9933cc);
     --optionDark: var(--colorDark40, #adafae);
 
+    --borderOptionDefault: transparent;
+    --borderOptionPrimary: transparent;
+    --borderOptionSuccess: transparent;
+    --borderOptionCalm: transparent;
+    --borderOptionWarning: transparent;
+    --borderOptionDanger: transparent;
+    --borderOptionLight: transparent;
+    --borderOptionStable: transparent;
+    --borderOptionRoyal: transparent;
+    --borderOptionDark: transparent;
+
     /* Components - Panel */
     --panelDefault: var(--colorPrimary40, #2a9fd6);
     --panelPrimary: var(--colorDefault40, #555555);
@@ -338,6 +395,19 @@
     --panelStable: var(--colorStable40, #f8f8f8);
     --panelRoyal: var(--colorRoyal40, #9933cc);
     --panelDark: var(--colorDark40, #adafae);
+
+    --borderPanelDefault: transparent;
+    --borderPanelPrimary: transparent;
+    --borderPanelSuccess: transparent;
+    --borderPanelCalm: transparent;
+    --borderPanelWarning: transparent;
+    --borderPanelDanger: transparent;
+    --borderPanelLight: transparent;
+    --borderPanelStable: transparent;
+    --borderPanelRoyal: transparent;
+    --borderPanelDark: transparent;
+
+    /* === End - Variables used exclusively in the color palette property === */
 }
 
 h1,
@@ -368,13 +438,21 @@ input {
 }
 
 .color-default {
-    color: var(--colorDefault50, #4a4a4a);
+    color: var(--colorDefault30, #909090);
 }
 
 .color-default:hover {
     color: var(--colorDefault60, #3e3e3e);
 }
 
+.color-light {
+    color: var(--colorLight30, #7f7f7f);
+}
+
+.color-light:hover {
+    color: var(--colorLight20, #afafaf);
+}
+
 /* Option */
 .option-default .k-radio:checked+.k-radio-label:before,
 .option-default .k-radio-label:before {

package/css/themes/custom/cyborg/panel-cyborg.css

@@ -11,26 +11,29 @@
 /* Default */
 .panel-default .panel-heading,
 .panel-default .panel-footer {
-    color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary40, #2780e3);
-    border-color: transparent
+    color: var(--textColor60, #939393);
+    background: var(--colorDefault60, #3e3e3e);
+    border-color: transparent;
+}
+
+.panel-default .panel-body{
+    color: var(--textColor60, #939393);
 }
 
 .panel-default {
-    border-color: var(--colorPrimary40, #2780e3);
+    border-color: var(--colorDefault70, #2f2f2f);
 }
 
 /* Primary */
-
 .panel-primary>.panel-heading,
 .panel-primary>.panel-footer {
-    color: var(--textColor10, #e2e2e2);
-    background: var(--colorDefault40, #555555);
+    color: var(--textColorPrimary40, #ffffff);
+    background: var(--colorPrimary40, #2a9fd6);
     border-color: transparent
 }
 
 .panel-primary {
-    border-color: var(--colorDefault40, #555555);
+    border-color: var(--colorPrimary40, #2a9fd6);
 }
 
 /* Sucess */