cronapp-framework-js 2.9.4-RC.3 → 2.9.4-SP.2

package/css/themes/custom/material/custom-material.css

@@ -73,7 +73,7 @@
 
     /* Border Radius */
     --borderRadiusNone: 0;
-    --borderRadiusSmallest: 2px;
+    --borderRadiusSmallest: 5px;
     --borderRadiusExtraSmall: 10px;
     --borderRadiusSmall: 15px;
     --borderRadiusBig: 30px;
@@ -352,7 +352,7 @@
     --comboboxDark: var(--colorDark40, #444444);
 
     --borderComboboxDefault: var(--backgroundColor60, #b1b1b1);
-    --borderComboboxPrimary: var(--colorPrimary50, #37479e);
+    --borderComboboxPrimary: var(--colorPrimary50, #4b58a6);
     --borderComboboxSuccess: var(--colorSuccess50, #2db353);
     --borderComboboxCalm: var(--colorCalm50, #0fa9d5);
     --borderComboboxWarning: var(--colorWarning50, #dfb000);
@@ -431,12 +431,7 @@ h6 {
 }
 
 .color-stable {
-    color: var(--colorStable60, #b6b6b6);
-}
-
-.color-stable:focus,
-.color-stable:hover {
-    color: var(--colorStable70, #888888);
+    color: var(--colorStable50, #d9d9d9);
 }
 
 .color-info {
@@ -444,7 +439,7 @@ h6 {
 }
 
 .color-info:hover {
-    color: var(--colorDefault60, #343c7c);
+    color: var(--colorDefault60, #2b3268);
 }
 
 
@@ -510,39 +505,19 @@ textarea.k-textbox:hover {
     border-radius: 0;
 }
 
-.cardinput {
+.cardinput{
     padding: 0;
 }
 
-.cronMultiSelect.k-state-hover .k-multiselect-wrap,
-.cronMultiSelect.k-state-hover:hover .k-multiselect-wrap {
-    border-color: var(--textColor30, #393939);
-}
-
-textarea.k-textbox:focus,
-.k-multiselect-wrap.k-state-focused,
-.k-state-focused>.k-multiselect-wrap,
-.cardinput:focus-within,
-.input-group.layout-template-modern:focus-within,
-input.k-textbox:hover:focus,
 .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,
-.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 {
     box-shadow: none;
     border: none;
-    border-bottom: 1px solid var(--colorDefault40, #3b448e);
-}
-
-.input-group.layout-template-modern input.k-textbox:hover:focus {
-    border: 0;
+    border-bottom: 1px solid var(--textColor30, #393939);
 }
 
 .k-autocomplete.k-state-default .k-input,
@@ -557,13 +532,9 @@ input.k-textbox:hover:focus,
 }
 
 /* Button */
-.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,
 .k-button,
 .btn {
-    border-radius: var(--borderRadiusSmallest, 2px);
+    border-radius: 2px;
     box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
 }
 
@@ -630,12 +601,12 @@ input.k-textbox:hover:focus,
     box-shadow: 0 0px 0px 0px rgb(0 0 0 / 20%), 0 0px 0px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
     background: #ffffff;
     padding: 40px 30px 40px 30px;
-    border-radius: var(--borderRadiusSmallest, 2px);
+    border-radius: 3px;
 }
 
 .login-view .crn-button-signup-register,
 .login-view .btn.btn-default {
-    background: var(--colorPrimary40, #5665be);
+    background: var(--colorPrimary40, #3b448e);
     border-color: transparent;
     color: var(--textColorPrimary40, #ffffff);
 }
@@ -643,14 +614,14 @@ input.k-textbox:hover:focus,
 .login-view .crn-button-signup-register:hover,
 .login-view .btn.btn-default:hover {
     color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary50, #37479e);
+    background: var(--colorPrimary50, #343c7c);
     border-color: transparent;
     outline: none;
 }
 
 /* Abas */
 .ctn-tab .nav-tabs {
-    background: var(--colorPrimary40, #5665be);
+    background: var(--colorPrimary40, #387ef5);
     border: none;
 }
 
@@ -673,6 +644,10 @@ input.k-textbox:hover:focus,
 }
 
 /* Banner */
+.jumbotron {
+    background: var(--backgroundColor40, #f1f1f1);
+}
+
 .jumbotron .h1,
 .jumbotron h1,
 .jumbotron .h2,
@@ -680,11 +655,6 @@ input.k-textbox:hover:focus,
     color: var(--textColor40, #393939);
 }
 
-.container .jumbotron,
-.container-fluid .jumbotron {
-    background: var(--backgroundColor40, #f1f1f1);
-}
-
 /* Slider */
 .k-slider .k-slider-selection {
     background: var(--colorDefault40, #3b448e);
@@ -718,6 +688,10 @@ input.k-textbox:hover:focus,
 }
 
 /* Arquivo/Imagem dinâmica */
+.dynamic-image-container {
+    border: 1px dashed var(--colorDefault40, #3b448e);
+}
+
 .dynamic-image-container .btn {
     color: var(--textColor40, #393939);
     background: var(--backgroundColor40, #f1f1f1);
@@ -770,36 +744,36 @@ input.k-textbox:hover:focus,
 /* option - radio  */
 .option-light .k-radio:checked+.k-radio-label:before,
 .option-light .k-radio-label:before {
-    border-color: var(--colorLight50, #dfdfdf);
+    border-color: var(--colorLight50, #d9d7d2);
 }
 
 .option-light .k-radio-label:after,
 .option-light .k-radio:checked+.k-radio-label:after {
-    background: var(--colorLight50, #dfdfdf);
-    border-color: var(--colorLight50, #dfdfdf);
+    background: var(--colorLight50, #d9d7d2);
+    border-color: var(--colorLight50, #d9d7d2);
 }
 
 .option-light .k-radio:focus+.k-radio-label::before,
 .option-light .k-radio:hover+.k-radio-label::before {
-    box-shadow: 0 0 5px 0 var(--colorLight50, #dfdfdf);
-    border-color: var(--colorLight50, #dfdfdf);
+    box-shadow: 0 0 5px 0 var(--colorLight50, #d9d7d2);
+    border-color: var(--colorLight50, #d9d7d2);
 }
 
 .option-stable .k-radio:checked+.k-radio-label:before,
 .option-stable .k-radio-label:before {
-    border-color: var(--colorStable60, #b6b6b6);
+    border-color: var(--colorStable50, #d9d9d9);
 }
 
 .option-stable .k-radio-label:after,
 .option-stable .k-radio:checked+.k-radio-label:after {
-    background: var(--colorStable60, #b6b6b6);
-    border-color: var(--colorStable60, #b6b6b6);
+    background: var(--colorStable50, #d9d9d9);
+    border-color: var(--colorStable50, #d9d9d9);
 }
 
 .option-stable .k-radio:focus+.k-radio-label::before,
 .option-stable .k-radio:hover+.k-radio-label::before {
-    box-shadow: 0 0 5px 0 var(--colorStable60, #b6b6b6);
-    border-color: var(--colorStable60, #b6b6b6);
+    box-shadow: 0 0 5px 0 var(--colorStable50, #d9d9d9);
+    border-color: var(--colorStable50, #d9d9d9);
 }
 
 .option-info .k-radio-label:before {
@@ -808,7 +782,7 @@ input.k-textbox:hover:focus,
 
 .option-info .k-radio-label:after,
 .option-info .k-radio:checked+.k-radio-label:after {
-    background: var(--colorDefault40, #3b448e);
+    background-color: var(--colorDefault40, #3b448e);
     border-color: var(--colorDefault40, #3b448e);
 }
 
@@ -869,7 +843,7 @@ input.k-textbox:hover:focus,
 .checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after,
 .checkbox-light .k-checkbox-label:before {
-    border-color: var(--colorLight50, #dfdfdf);
+    border-color: var(--colorLight50, #d7d7d7);
 }
 
 .checkbox-light .k-checkbox-label:hover:before,
@@ -885,7 +859,7 @@ input.k-textbox:hover:focus,
 .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background: var(--colorLight50, #dfdfdf);
+    background: var(--colorLight50, #d7d7d7);
     color: var(--textColorLight40, #222222);
 }
 
@@ -902,7 +876,7 @@ input.k-textbox:hover:focus,
 .checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after,
 .checkbox-stable .k-checkbox-label:before {
-    border-color: var(--colorStable60, #b6b6b6);
+    border-color: var(--colorStable50, #d9d9d9);
 }
 
 .checkbox-stable .k-checkbox-label:hover:before,
@@ -911,17 +885,20 @@ input.k-textbox:hover:focus,
 .checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
 .checkbox-stable .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-stable .k-checkbox:hover+.k-checkbox-label:before {
-    box-shadow: 0 0 5px 0 var(--colorStable70, #888888);
+    box-shadow: 0 0 5px 0 var(--colorStable60, #b6b6b6);
 }
 
 .checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
 .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background: var(--colorStable60, #b6b6b6);
+    background: var(--colorStable50, #d9d9d9);
     color: var(--textColorStable40, #444444);
 }
 
+
+
+
 /* seta do modal do calendario */
 .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
     border-bottom-color: var(--backgroundColor10, #fbfbfb);
@@ -932,23 +909,15 @@ input.k-textbox:hover:focus,
 }
 
 /* Calendar */
-.k-calendar .k-header,
-.k-calendar .k-footer,
-.k-calendar .k-footer .k-link,
 cron-calendar.k-calendar .k-footer,
 cron-calendar.k-calendar .k-header,
 .k-calendar .k-footer .k-nav-today {
-    background: var(--colorDefault40, #3b448e);
+    background: var(--colorDefault40, #2f2f2f);
     color: var(--textColorDefault40, #ffffff);
 }
 
-.k-calendar .k-footer .k-link {
-    color: var(--textColorDefault40, #ffffff);
-    opacity: 1;
-}
-
 cron-calendar.k-widget {
-    border: 1px solid var(--colorDefault40, #3b448e);
+    border: 1px solid var(--colorDefault40, #2f2f2f);
 }
 
 .k-calendar .k-content th {
@@ -960,13 +929,12 @@ cron-calendar.k-widget {
 .k-calendar .k-nav-fast.k-state-hover,
 .k-calendar .k-footer .k-nav-today.k-state-hover,
 .k-calendar .k-footer .k-nav-today:hover {
-    background: var(--colorDefault60, #2b3268);
+    background: var(--colorDefault60, #3e3e3e);
     box-shadow: none;
-    color: var(--textColorDefault40, #ffffff);
 }
 
 .k-calendar th {
-    background: var(--colorDefault10, #d8d9e3);
+    background: var(--colorDefault10, #3e3e3e);
 }
 
 .k-calendar .k-content .k-state-hover,
@@ -975,7 +943,7 @@ cron-calendar.k-widget {
 .k-listview>.k-state-focused.k-state-selected,
 .k-state-selected td.k-state-focused,
 td.k-state-focused.k-state-selected {
-    box-shadow: inset 0 0 10px 3px var(--colorDefault40, #3b448e);
+    box-shadow: inset 0 0 10px 3px var(--colorDefault40, #5665be);
 }
 
 .k-calendar .k-content .k-state-hover .k-link {
@@ -1008,7 +976,7 @@ div[data-component^='crn-textinputicon'] .k-button {
 #forgotPasswordModal .modal-footer .btn.btn-success,
 #modalPassword .modal-footer .k-button.k-success,
 #modalPassword .modal-footer .btn.btn-success {
-    background: var(--colorPrimary40, #5665be);
+    background: var(--colorPrimary40, #3f51b5);
     border-color: transparent;
     color: var(--textColorPrimary40, #ffffff);
 }
@@ -1026,7 +994,7 @@ div[data-component^='crn-textinputicon'] .k-button {
 #forgotPasswordModal .modal-footer .btn.btn-danger,
 #modalPassword .modal-footer .k-button.k-danger,
 #modalPassword .modal-footer .btn.btn-danger {
-    background: var(--colorDefault40, #3b448e);
+    background: var(--colorDefault40, #2b71e8);
     border-color: transparent;
     color: var(--textColorDefault40, #ffffff);
 }
@@ -1095,7 +1063,7 @@ div[data-component^='crn-textinputicon'] .k-button {
 .combobox-default .k-multiselect-wrap .k-button.k-state-hover .k-select,
 .combobox-default .k-multiselect-wrap .k-button:hover {
     color: var(--textColorDefault40, #ffffff);
-    background: var(--colorDefault70, #20254e);
+    background: var(--colorDefault70, #343c7c);
     border-color: transparent;
 }
 
@@ -1114,7 +1082,7 @@ div[data-component^='crn-textinputicon'] .k-button {
 .combobox-info .k-multiselect-wrap .k-button.k-state-hover .k-select,
 .combobox-info .k-multiselect-wrap .k-button:hover {
     color: var(--textColorDefault40, #ffffff);
-    background: var(--colorDefault70, #20254e);
+    background: var(--colorDefault70, #343c7c);
     border-color: transparent;
 }
 
@@ -1131,44 +1099,27 @@ div[data-component^='crn-textinputicon'] .k-button {
 }
 
 /* Scheduler */
-@media only screen and (min-width: 1024px) {
-
-    .k-scheduler .k-scheduler-toolbar .k-state-selected .k-link,
-    .k-scheduler .k-scheduler-toolbar .k-state-selected,
-    .k-scheduler-navigation .k-nav-prev .k-link,
-    .k-scheduler div.k-scheduler-footer .k-link,
-    .k-scheduler div.k-scheduler-footer ul li {
-        background: var(--colorPrimary40, #5665be);
-        color: var(--textColorPrimary40, #ffffff);
-        border-color: var(--colorPrimary40, #5665be);
-    }
-
-    .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 .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover a,
-    .k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover,
-    .k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
-    .k-scheduler .k-scheduler-toolbar ul li.k-state-hover .k-link {
-        background: var(--colorPrimary60, #2e3b85);
-        border-color: var(--colorPrimary60, #2e3b85);
-        color: var(--textColorPrimary40, #ffffff);
-    }
-
-    .k-scheduler-navigation .k-nav-prev,
-    .k-scheduler .k-scheduler-toolbar .k-state-selected {
-        border-color: var(--colorPrimary40, #5665be);
-    }
-
-    .k-scheduler-navigation .k-nav-prev .k-link span,
-    .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-scheduler .k-today.k-state-selected div .k-icon.k-i-close,
-.k-scheduler .k-today.k-state-selected div {
+.k-scheduler-toolbar .k-nav-current .k-lg-date-format,
+.k-scheduler-toolbar .k-nav-current .k-sm-date-format {
+    color: var(--textColor40, #393939);
+}
+
+.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 {
+    color: var(--colorDefault40, #3b448e);
+}
+
+.k-scheduler-navigation .k-nav-today.k-state-hover .k-link,
+.k-scheduler-navigation .k-nav-next.k-state-hover .k-link,
+.k-scheduler-navigation .k-nav-prev.k-state-hover .k-link {
+    background: var(--colorPrimary60, #2e3b85);
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.k-scheduler-navigation .k-nav-prev .k-link span,
+.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);
 }
 
@@ -1182,17 +1133,6 @@ div[data-component^='crn-textinputicon'] .k-button {
     border-width: 0 0 1px 0;
 }
 
-#cron-breadcrumbs {
+#cron-breadcrumbs{
     background: transparent;
-}
-
-#cron-breadcrumbs .k-breadcrumb-item .k-breadcrumb-root-link:last-child,
-#cron-breadcrumbs .k-breadcrumb-item.k-breadcrumb-last-item::marker,
-#cron-breadcrumbs .k-breadcrumb-item.k-breadcrumb-last-item,
-#cron-breadcrumbs .k-breadcrumb-item .k-breadcrumb-link.k-state-disabled {
-    color: var(--colorDefault30, #8689af);
-}
-
-.k-widget{
-    box-shadow: none;
 }

package/css/themes/custom/material/grid-material.css

@@ -2,7 +2,8 @@
     position: relative;
     vertical-align: bottom;
     padding: 12px;
-    background: var(--backgroundColor10, #fbfbfb);
+    background: var(--backgroundColor10, #f1f1f1);
+    ;
     color: var(--textColor40, #393939);
 }
 
@@ -48,11 +49,11 @@ thead.k-grid-header th.k-header:last-child,
 }
 
 .k-grid-toolbar .k-button.k-state-hover:focus,
-.k-grid-toolbar .k-button.k-state-hover:hover,
+.k-grid-toolbar .k-button.k-state-hover:hover ,
 .k-grid-toolbar .k-button:focus,
 .k-grid-toolbar .k-button:hover {
     color: var(--textColorDefault40, #ffffff);
-    background: var(--colorDefault70, #20254e);
+    background: var(--colorDefault70, #343c7c);
     border-color: transparent;
     outline: none;
 }
@@ -68,8 +69,21 @@ thead.k-grid-header th.k-header:last-child,
     background: var(--backgroundColor10, #fbfbfb);
 }
 
+.k-editor,
+.k-grid,
+.k-menu,
+.k-scheduler,
+.k-grid-header:first-child,
+.k-grid-toolbar:first-child,
+.k-grid>.k-grouping-header,
+.k-grid-pager,
+.k-scheduler-footer,
+.k-scheduler>.k-scheduler-toolbar:first-child {
+    border-radius: 0;
+}
+
 .k-grid-header {
-    font-size: var(--textNormalSize, 14px);
+    font-size: 16px;
 }
 
 .k-grid-header th.k-header,
@@ -90,7 +104,7 @@ thead.k-grid-header th.k-header:last-child,
 .k-grid-header th.k-header:hover a,
 .k-grid-header th.k-header:hover .k-icon,
 .k-grid-header th.k-header:hover .k-tool-icon {
-    color: var(--colorWarning40, #f0ad4e);
+    color: var(--colorWarning40, #ffc900);
 }
 
 .k-grid-header .k-header {
@@ -108,7 +122,7 @@ thead.k-grid-header th.k-header:last-child,
 .k-grid td.k-state-selected:hover,
 .k-grid tr.k-state-selected:hover td {
     background: var(--backgroundColor40, #f1f1f1);
-    color: var(--textColor40, #393939);
+    color: var(--textColor40, #ffffff);
 }
 
 .k-pager-wrap .k-state-selected {
@@ -124,32 +138,19 @@ thead.k-grid-header th.k-header:last-child,
     font-size: inherit;
 }
 
-.k-pager-wrap .k-link {
-    background: var(--backgroundColor40, #f1f1f1);
-}
-
-.k-pager-wrap .k-link.k-state-disabled:hover,
+.k-pager-wrap .k-link:hover,
 .k-pager-wrap .k-pager-nav:hover,
 .k-pager-wrap .k-link:focus,
 .k-pager-wrap .k-pager-nav:focus {
     background: rgba(0, 0, 0, 0.07);
 }
 
-.k-pager-wrap .k-link:hover {
-    background: var(--colorDefault10, #d8d9e3);
-}
-
-.k-dropdown {
-    border-radius: 0;
-}
-
 .k-pager-wrap .k-pager-nav {
     color: #000;
 }
 
-.k-block,
-.k-widget {
-    background: #fff;
+.k-pager-wrap {
+    background: var(--backgroundColor40);
 }
 
 .k-pager-nav.k-pager-first+.k-link {
@@ -164,13 +165,13 @@ thead.k-grid-header th.k-header:last-child,
 .k-picker-wrap.k-state-default {
     border: 0;
     border-radius: 0;
-    border-bottom: 1px solid var(--textColor30, #858585);
+    border-bottom: 1px solid var(--textColor30, #393939);
     box-shadow: none;
 }
 
 .k-popup .k-list .k-state-focused {
     box-shadow: none;
-    background: var(--backgroundColor50, #d3d3d3);
+    background: var(--backgroundColor50, #dfdfdf);
     color: var(--textColor40, #393939);
 }
 
@@ -205,25 +206,35 @@ thead.k-grid-header th.k-header:last-child,
 .k-group,
 .k-group-footer td,
 .k-grouping-header,
+.k-pager-wrap,
 .k-popup {
     background: var(--backgroundColor10, #fbfbfb);
 }
 
-.k-filter-menu-container .k-action-buttons button,
+.k-filter-menu-container .k-action-buttons button {
+    box-shadow: none;
+    background: transparent;
+    color: var(--textColor40, #393939);
+}
+
 .k-filter-menu-container .k-action-buttons button:focus,
 .k-filter-menu-container .k-action-buttons button:hover {
     box-shadow: none;
     border-color: transparent;
 }
 
+.k-filter-menu-container .k-action-buttons button.k-primary {
+    color: var(--colorPrimary40, #3b448e);
+}
+
 .k-filter-menu-container .k-action-buttons button:hover {
     color: var(--textColor40, #393939);
-    background: var(--backgroundColor50, #d3d3d3);
+    background: var(--backgroundColor50, #bbbbbb);
 }
 
 .k-filter-menu-container .k-action-buttons .k-primary:hover {
-    color: var(--colorDefault40, #3b448e);
-    background: var(--colorDefault10, #d8d9e3);
+    color: var(--colorPrimary40, #3b448e);
+    background: var(--colorDefault10, #b3b5ca);
 }
 
 /* Pagination - Grid */
@@ -242,9 +253,9 @@ thead.k-grid-header th.k-header:last-child,
 }
 
 .k-grid .k-pager-numbers .k-state-selected {
-    background: var(--colorDefault40, #3b448e);
-    color: var(--textColorDefault40, #ffffff);
-    border-color: var(--colorDefault40, #3b448e);
+    background: var(--colorPrimary40, #3f51b5);
+    color: var(--textColorPrimary40, #ffffff);
+    border-color: var(--colorPrimary40, #3f51b5);
 }
 
 .k-pager-wrap .k-link.k-pager-last,
@@ -257,10 +268,6 @@ thead.k-grid-header th.k-header:last-child,
     box-shadow: none;
 }
 
-.k-pager-wrap .k-link {
-    background: transparent;
-}
-
 .k-pager-wrap .k-link.k-pager-last,
 .k-pager-wrap .k-pager-nav {
     border-radius: 50%;
@@ -274,11 +281,11 @@ thead.k-grid-header th.k-header:last-child,
 }
 
 .k-pager-wrap>.k-link.k-pager-refresh .k-icon {
-    color: var(--colorPrimary40, #5665be);
+    color: var(--colorPrimary40, #3f51b5);
 }
 
 .k-pager-wrap>.k-link.k-pager-refresh:hover {
-    background: var(--colorPrimary40, #5665be);
+    background: var(--colorPrimary40, #3f51b5);
 }
 
 .k-pager-wrap>.k-link.k-pager-refresh:hover .k-icon {