cronapp-framework-js 2.9.3-SP.6 → 2.9.4-RC.3

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

@@ -5,159 +5,90 @@
 .panel {
     border: 0;
     overflow: hidden;
-    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
-}
-
-*[id^="crn-accordion"] .panel{
     box-shadow: none;
     border-radius: var(--borderRadiusNone, 0);
+    background: var(--backgroundColor40, #ffffff);
 }
 
-*[id^="crn-accordion"] .panel .panel-heading,
-*[id^="crn-accordion"] .panel.panel-default .panel-heading {
+.panel-footer,
+.panel-heading {
     border-radius: var(--borderRadiusNone, 0);
-    background: transparent;
-    border: 0;
-    color: var(--colorDefault40, #1351b4);
-    cursor: pointer;
-}
-
-*[id^="crn-accordion"] .panel .panel-heading h1,
-*[id^="crn-accordion"] .panel.panel-default .panel-heading h1,
-*[id^="crn-accordion"] .panel.panel-primary .panel-heading h1 {
-    color: var(--colorDefault40, #1351b4);
-}
-
-*[id^="crn-accordion"] .panel .panel-footer,
-*[id^="crn-accordion"] .panel.panel-default .panel-footer {
-    background: transparent;
-    border: 0;
-}
-
-*[id^="crn-accordion"] {
-    border-top: 1px solid var(--colorNeutral20, #E3E3E3);
-}
-
-*[id^="crn-accordion"] .panel-group .panel-heading.heading-arrow {
-    grid-template-columns: 33px auto;
-}
-
-*[id^="crn-accordion"] .panel-group .heading-arrow.panel-heading::after,
-*[id^="crn-accordion"] .panel-group .heading-arrow.collapsed.panel-heading::after {
-    content: none;
-}
-
-*[id^="crn-accordion"] .panel-group .heading-arrow.panel-heading::before {
-    font-family: "FontAwesome";
-    content: "\f077";
-    float: left;
-}
-
-*[id^="crn-accordion"] .panel-group .heading-arrow.collapsed.panel-heading::before {
-    content: "\f078";
-}
-
-*[id^="crn-accordion"] .panel.panel-default {
-    border-bottom: 1px solid var(--colorNeutral20, #E3E3E3);
-}
-
-*[id^="crn-accordion"] .panel .panel-heading h1,
-*[id^="crn-accordion"] .panel .panel-body h1 {
-    font-size: var(--textNormalSize, 16px);
-    text-align: left;
-    font-weight: normal;
-    margin: var(--distanceSmall, 15px) 0;
-}
-
-*[id^="crn-accordion"] .panel .panel-heading h1 {
-    font-weight: 600;
-}
-
-*[id^="crn-accordion"] .panel .panel-heading.collapsed h1 {
-    font-weight: 400;
+    box-shadow: none;
 }
 
-*[id^="crn-accordion"] .panel-group .panel-heading+.panel-collapse>.list-group,
-*[id^="crn-accordion"] .panel-group .panel-heading+.panel-collapse>.panel-body {
+.panel-footer {
     border: 0;
-}
-
-*[id^="crn-accordion"] .panel-footer {
-    color: var(--textColor40, #2c3e50);
-    background: var(--colorDefault40, #444444);
-    border-color: transparent;
+    border-top: 1px solid;
+    border-bottom: 1px solid;
+    border-color: var(--colorLight50, #dfdfdf);
 }
 
 /* Default */
 .panel-default .panel-heading {
     color: var(--textColorDefault40, #ffffff);
-    background: var(--colorDefault40, #444444);
+    background: var(--colorDefault40, #1351b4);
     border-color: transparent;
-    box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
 }
 
 .panel-default {
-    border-color: var(--colorDefault40, #2c3e50);
+    border-color: var(--colorDefault40, #1351b4);
 }
 
 /* Primary */
 .panel-primary>.panel-heading {
-    color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary40, #2c3e50);
-    border-color: transparent;
-}
-
-.panel-primary {
-    border: 1px solid var(--colorPrimary40, #dfe3e3);
+    color: var(--colorPrimary40, #1351b4);
+    background: transparent;
+    border: 1px solid;
+    border-color: var(--colorPrimary40, #1351b4);
 }
 
 /* Sucess */
 .panel-success>.panel-heading {
     color: var(--textColorSuccess40, #ffffff);
-    background: var(--colorSuccess40, #18bc9c);
+    background: var(--colorSuccess40, #168821);
     border-color: transparent
 }
 
 .panel-success {
-    border-color: var(--colorSuccess40, #18bc9c);
+    border-color: var(--colorSuccess40, #168821);
 }
 
 /* Info */
 .panel-info>.panel-heading {
     color: var(--textColorCalm40, #ffffff);
-    background: var(--colorCalm40, #11c1f3);
+    background: var(--colorCalm40, #155bcb);
     border-color: transparent
 }
 
 .panel-info {
-    border-color: var(--colorCalm40, #11c1f3);
+    border-color: var(--colorCalm40, #155bcb);
 }
 
 /* Warning */
 .panel-warning>.panel-heading {
     color: var(--textColorWarning40, #ffffff);
-    background: var(--colorWarning40, #f39c12);
+    background: var(--colorWarning40, #ffcd07);
     border-color: transparent
 }
 
 .panel-warning {
-    border-color: var(--colorWarning40, #f39c12);
+    border-color: var(--colorWarning40, #ffcd07);
 }
 
 /* Danger */
 .panel-danger>.panel-heading {
     color: var(--textColorDanger40, #ffffff);
-    background: var(--colorDanger40, #c44133);
+    background: var(--colorDanger40, #e52207);
     border-color: transparent
 }
 
 .panel-danger {
-    border-color: var(--colorDanger40, #c44133);
+    border-color: var(--colorDanger40, #e52207);
 }
 
 /* Light */
 .panel-light>.panel-heading {
-    color: var(--textColorLight40, #000000);
+    color: var(--textColorLight40, #333333);
     background: var(--colorLight50, #dfdfdf);
     border-color: transparent
 }
@@ -168,7 +99,7 @@
 
 /* Stable */
 .panel-stable>.panel-heading {
-    color: var(--textColorStable40, #444444);
+    color: var(--textColorStable40, #333333);
     background: var(--colorStable50, #d9d9d9);
     border-color: transparent
 }
@@ -180,21 +111,110 @@
 /* Royal */
 .panel-royal>.panel-heading {
     color: var(--textColorRoyal40, #ffffff);
-    background: var(--colorRoyal40, #886aea);
+    background: var(--colorRoyal40, #8889db);
     border-color: transparent
 }
 
 .panel-royal {
-    border-color: var(--colorRoyal40, #886aea);
+    border-color: var(--colorRoyal40, #8889db);
 }
 
 /* Dark */
 .panel-dark>.panel-heading {
     color: var(--textColorDark40, #ffffff);
-    background: var(--colorDark40, #444444);
+    background: var(--colorDark40, #071d41);
     border-color: transparent
 }
 
 .panel-dark {
-    border-color: var(--colorDark40, #444444);
+    border-color: var(--colorDark40, #071d41);
+}
+
+/* == Acordeão == */
+*[id^="crn-accordion"] .panel {
+    box-shadow: none;
+    border-radius: var(--borderRadiusNone, 0);
+    background: transparent;
+}
+
+*[id^="crn-accordion"] .panel .panel-heading,
+*[id^="crn-accordion"] .panel.panel-default .panel-heading {
+    border-radius: var(--borderRadiusNone, 0);
+    background: transparent;
+    border: 0;
+    color: var(--colorDefault40, #1351b4);
+    cursor: pointer;
+}
+
+*[id^="crn-accordion"] .panel .panel-heading h1,
+*[id^="crn-accordion"] .panel.panel-default .panel-heading h1,
+*[id^="crn-accordion"] .panel.panel-primary .panel-heading h1 {
+    color: var(--colorDefault40, #1351b4);
+}
+
+*[id^="crn-accordion"] .panel .panel-footer,
+*[id^="crn-accordion"] .panel.panel-default .panel-footer {
+    background: transparent;
+    border: 0;
+}
+
+*[id^="crn-accordion"] {
+    border-top: 1px solid var(--colorNeutral20, #E3E3E3);
+}
+
+
+*[id^="crn-accordion"] .panel.panel-default {
+    border-bottom: 1px solid var(--colorNeutral20, #E3E3E3);
+}
+
+*[id^="crn-accordion"] .panel .panel-heading h1,
+*[id^="crn-accordion"] .panel .panel-body h1 {
+    font-size: var(--textNormalSize, 16px);
+    text-align: left;
+    font-weight: normal;
+    margin: var(--distanceSmall, 15px) 0;
+}
+
+*[id^="crn-accordion"] .panel .panel-heading h1 {
+    font-weight: 600;
+}
+
+*[id^="crn-accordion"] .panel .panel-heading.collapsed h1 {
+    font-weight: 400;
+}
+
+*[id^="crn-accordion"] .panel-group .panel-heading+.panel-collapse>.list-group,
+*[id^="crn-accordion"] .panel-group .panel-heading+.panel-collapse>.panel-body {
+    border: 0;
+}
+
+*[id^="crn-accordion"] .panel-footer {
+    color: var(--textColor40, #333333);
+    background: var(--colorDefault40, #1351b4);
+    border-color: transparent;
+}
+
+*[id^="crn-accordion"] .panel .panel-heading:hover {
+    background: var(--colorDefault10, #d6daeb);
+}
+
+/* Seta */
+*[id^="crn-accordion"] .panel-group .panel-heading.heading-arrow {
+    grid-template-columns: 33px auto;
+    box-shadow: none;
+}
+
+*[id^="crn-accordion"] .panel-group .heading-arrow.panel-heading::after,
+*[id^="crn-accordion"] .panel-group .heading-arrow.collapsed.panel-heading::after {
+    content: none;
+}
+
+*[id^="crn-accordion"] .panel-group .heading-arrow.panel-heading::before {
+    font-family: "FontAwesome";
+    content: "\f077";
+    float: left;
+}
+
+*[id^="crn-accordion"] .panel-group .heading-arrow.collapsed.panel-heading::before {
+    content: "\f078";
 }

package/css/themes/custom/dsgov/scheduler-dsgov.css

@@ -0,0 +1,325 @@
+.k-scheduler {
+    border: 0;
+    border-radius: var(--borderRadiusSmallest, 5px);
+    overflow: hidden;
+}
+
+.k-scheduler .k-scheduler-toolbar {
+    background: var(--colorNeutral00, #FFFFFF);
+    padding: var(--distanceExtraSmall, 10px);
+    border: 1px solid var(--colorDefault10, #d6daeb);
+    border-bottom: 0;
+}
+
+.k-scheduler .k-scheduler-toolbar .k-scheduler-views {
+    background: transparent;
+}
+
+.k-scheduler .k-scheduler-toolbar li,
+.k-scheduler .k-scheduler-toolbar li:first-child,
+.k-scheduler .k-scheduler-toolbar li:last-child,
+.k-scheduler .k-scheduler-toolbar li.k-state-default.k-state-selected,
+.k-scheduler .k-scheduler-toolbar li.k-state-default.k-state-hover {
+    border-radius: var(--borderRadiusFull, 99999px);
+    border-color: var(--colorDefault40, #1351b4);
+    border-width: 1px;
+}
+
+.k-scheduler-toolbar>ul li:first-child,
+.k-scheduler-toolbar>ul li:first-child .k-link,
+.k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li,
+.k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li .k-link {
+    border-radius: var(--borderRadiusFull, 99999px);
+}
+
+.k-scheduler .k-scheduler-toolbar li,
+.k-scheduler .k-scheduler-toolbar li:first-child,
+.k-scheduler .k-scheduler-toolbar li:last-child {
+    background: transparent;
+    overflow: hidden;
+}
+
+.k-scheduler .k-scheduler-toolbar li {
+    margin-right: 3px;
+}
+
+.k-scheduler .k-scheduler-toolbar li.k-nav-today,
+.k-scheduler .k-scheduler-toolbar li.k-view-day {
+    margin-left: 0;
+}
+
+.k-scheduler .k-scheduler-toolbar li a,
+.k-scheduler .k-scheduler-toolbar li a.k-link {
+    padding: 4px 13px;
+    display: flex;
+    align-items: center;
+}
+
+.k-scheduler .k-scheduler-toolbar li.k-state-selected a,
+.k-scheduler .k-scheduler-toolbar li.k-state-selected a.k-link {
+    background: var(--colorDefault40, #1351b4);
+    color: var(--colorNeutral00, #FFFFFF);
+}
+
+.k-scheduler-navigation .k-nav-prev .k-link span,
+.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-selected .k-link,
+.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-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,
+.k-scheduler .k-scheduler-toolbar ul li.k-state-hover .k-link span,
+.k-scheduler-toolbar .k-nav-current.k-state-hover .k-link span,
+.k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover .k-link .k-icon,
+.k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover .k-link {
+    background: var(--colorPrimary10, #d6daeb);
+    color: var(--colorPrimary40, #1351b4);
+}
+
+.k-scheduler .k-scheduler-toolbar li.k-nav-prev.k-state-hover,
+.k-scheduler .k-scheduler-toolbar li.k-nav-prev.k-state-hover span,
+.k-scheduler .k-scheduler-toolbar .k-nav-prev.k-state-hover,
+.k-scheduler .k-scheduler-toolbar .k-nav-prev.k-state-hover .k-link,
+.k-scheduler .k-scheduler-toolbar .k-nav-prev.k-state-hover .k-link span,
+.k-scheduler-navigation .k-nav-today.k-state-hover .k-link,
+.k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-selected.k-state-hover a,
+.k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-selected.k-state-hover {
+    background: var(--colorDefault30, #5A85CB);
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.k-scheduler .k-scheduler-toolbar li.k-nav-prev.k-state-hover {
+    border-color: var(--colorDefault30, #5A85CB);
+}
+
+.k-scheduler-navigation .k-nav-prev.k-state-hover,
+.k-scheduler .k-scheduler-toolbar .k-state-selected.k-state-hover,
+.k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-selected.k-state-hover {
+    border-color: var(--colorDefault30, #5A85CB);
+}
+
+.k-scheduler-navigation .k-nav-prev .k-link,
+.k-scheduler .k-scheduler-toolbar li.k-nav-prev,
+.k-scheduler .k-scheduler-toolbar li.k-nav-prev span {
+    background: var(--colorDefault40, #1351b4);
+    border-color: transparent;
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.k-state-selected>.k-link {
+    color: var(--textColor40, #333333);
+}
+
+.k-scheduler-layout.k-scheduler-monthview .k-scheduler-table .k-other-month.k-state-selected,
+.k-scheduler .k-scheduler-layout .k-state-selected,
+.k-scheduler .k-scheduler-layout .k-state-selected span {
+    background: var(--colorDefault30, #5A85CB);
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.k-scheduler-layout.k-scheduler-monthview .k-scheduler-table .k-other-month.k-state-selected {
+    border-color: var(--colorDefault10, #d6daeb);
+}
+
+.k-scheduler .k-scheduler-table .k-state-selected td,
+.k-scheduler-table .k-state-selected div,
+.k-scheduler-table .k-state-selected,
+.k-scheduler-agendaview .k-scheduler-table .k-state-selected td.k-first {
+    background: var(--colorDefault30, #5A85CB);
+}
+
+.k-scheduler .k-scheduler-layout {
+    border: 1px solid var(--colorDefault10, #d6daeb);
+    width: calc(100% - 2px);
+}
+
+.k-scheduler .k-scheduler-layout .k-scheduler-header .k-scheduler-header-wrap>.k-scheduler-table th {
+    background: var(--colorNeutral10, #F1F1F1);
+    color: var(--colorDefault40, #1351b4);
+}
+
+.k-scheduler .k-scheduler-content .k-loading-mask {
+    z-index: 0;
+}
+
+.k-scheduler .k-scheduler-header th,
+.k-scheduler .k-scheduler-header-wrap,
+.k-scheduler .k-scheduler-times,
+.k-scheduler .k-scheduler-times th,
+.k-scheduler .k-scheduler-times tr {
+    background: var(--backgroundColor40, #ffffff);
+    border-color: var(--colorDefault10, #d6daeb);
+    font-weight: 500;
+}
+
+.k-scheduler.k-widget {
+    background: #d6daeb33;
+    box-shadow: none;
+}
+
+.k-scheduler-table .k-today,
+.k-today>.k-scheduler-datecolumn,
+.k-today>.k-scheduler-groupcolumn {
+    background: #d6daeb5e;
+}
+
+.k-scheduler .k-scheduler-footer {
+    padding: var(--distanceExtraSmall, 10px);
+    border: 1px solid var(--colorDefault10, #d6daeb);
+    border-top: 0;
+}
+
+.k-scheduler .k-scheduler-footer ul {
+    background: transparent;
+}
+
+.k-scheduler .k-scheduler-footer .k-scheduler-fullday {
+    padding: 4px;
+    cursor: pointer;
+    background: var(--colorPrimary40, #1351b4);
+    border-color: var(--colorPrimary40, #1351b4);
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.k-scheduler div.k-scheduler-footer .k-link,
+.k-scheduler div.k-scheduler-footer ul li {
+    border-radius: var(--borderRadiusFull, 99999px);
+}
+
+.k-scheduler div.k-scheduler-footer ul li:hover a {
+    background: var(--colorPrimary50, #11479e);
+}
+
+.k-scheduler .k-scheduler-footer .k-scheduler-fullday span,
+.k-scheduler .k-scheduler-footer .k-scheduler-fullday a {
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.k-scheduler .k-nav-prev a>span,
+.k-scheduler .k-nav-next a>span {
+    color: var(--colorDefault40, #1351b4);
+    border: 0;
+    border-radius: var(--borderRadiusMedium, 20px);
+    height: 28px;
+}
+
+.k-scheduler .k-nav-next.k-state-hover a>span,
+.k-scheduler .k-nav-prev a>span {
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.k-scheduler-footer .k-icon,
+.k-scheduler .k-scheduler-toolbar .k-scheduler-views li .k-link,
+.k-scheduler-navigation .k-nav-today .k-link,
+.k-scheduler-navigation .k-nav-prev .k-link span,
+.k-scheduler-navigation .k-nav-next .k-link span,
+.k-scheduler-toolbar .k-nav-current .k-icon,
+.k-scheduler-toolbar .k-nav-current .k-lg-date-format,
+.k-scheduler-toolbar .k-nav-current .k-sm-date-format,
+.k-scheduler-navigation .k-nav-today .k-link,
+.k-scheduler-navigation .k-nav-next a>span,
+.k-scheduler .k-scheduler-toolbar .k-scheduler-views li a,
+.k-scheduler .k-scheduler-toolbar .k-scheduler-views li a.k-link {
+    color: var(--colorDefault40, #1351b4);
+}
+
+.k-scheduler-toolbar .k-nav-current.k-state-hover .k-link {
+    color: var(--textColorPrimary40, #ffffff);
+    background: var(--colorPrimary60, #0e3b84);
+}
+
+.k-calendar-container.k-state-border-up {
+    background: var(--backgroundColor40, #ffffff);
+}
+
+.k-edit-field .k-dropdown-wrap,
+.k-edit-field .k-dropdown-wrap.k-state-default {
+    border: 1px solid var(--colorLight70, #8c8c8c);
+    border-radius: var(--borderRadiusSmallest, 5px);
+}
+
+.k-edit-form-container .k-button {
+    padding: 8px 17px;
+}
+
+.k-popup-message {
+    padding: 1em 0.6em 2em;
+}
+
+
+@media only screen and (max-width: 1024px) {
+
+    .k-scheduler-footer .k-icon,
+    .k-scheduler .k-scheduler-toolbar .k-scheduler-views li .k-link,
+    .k-scheduler-navigation .k-nav-today .k-link,
+    .k-scheduler-navigation .k-nav-prev .k-link span,
+    .k-scheduler-navigation .k-nav-next .k-link span,
+    .k-scheduler-toolbar .k-nav-current .k-icon,
+    .k-scheduler-toolbar .k-nav-current .k-lg-date-format,
+    .k-scheduler-toolbar .k-nav-current .k-sm-date-format,
+    .k-scheduler-navigation .k-nav-today .k-link,
+    .k-scheduler-navigation .k-nav-next a>span,
+    .k-webkit .k-scheduler-toolbar ul.k-scheduler-views li.k-current-view,
+    .k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link {
+        color: var(--textColorDefault40, #ffffff)
+    }
+
+    .k-webkit .k-scheduler-toolbar ul.k-scheduler-views li.k-current-view {
+        padding: 4px 13px;
+        padding-right: 0;
+    }
+
+    .k-scheduler .k-scheduler-toolbar .k-scheduler-views li a,
+    .k-scheduler .k-scheduler-toolbar .k-scheduler-views li a.k-link {
+        color: var(--textColor40, #333333);
+    }
+
+    .k-scheduler-toolbar>ul li:first-child,
+    .k-scheduler-toolbar>ul li:first-child .k-link,
+    .k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li,
+    .k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li .k-link {
+        border-radius: var(--borderRadiusNone, 0);
+    }
+
+    .k-scheduler .k-scheduler-toolbar li {
+        margin-right: 0;
+    }
+
+    .k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded {
+        border-color: var(--colorDefault30, #5A85CB);
+    }
+
+    .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link {
+        padding: 4px 0;
+        padding-right: 30px;
+    }
+
+    .k-scheduler .k-scheduler-toolbar li.k-nav-prev.k-state-hover,
+    .k-scheduler .k-scheduler-toolbar li.k-state-default.k-state-hover .k-link,
+    .k-scheduler .k-scheduler-toolbar li.k-state-default.k-state-hover .k-link span,
+    .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,
+    .k-scheduler .k-scheduler-toolbar ul li.k-state-hover .k-link span,
+    .k-scheduler-toolbar .k-nav-current.k-state-hover .k-link span,
+    .k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover .k-link .k-icon,
+    .k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover .k-link {
+        background: var(--colorDefault50, #11479e);
+        color: var(--textColorDefault40, #ffffff);
+    }
+
+    .k-scheduler .k-scheduler-toolbar li,
+    .k-scheduler .k-scheduler-toolbar li:first-child,
+    .k-scheduler .k-scheduler-toolbar li:last-child,
+    .k-scheduler .k-scheduler-toolbar li.k-state-default.k-state-selected,
+    .k-scheduler .k-scheduler-toolbar li.k-state-default.k-state-hover {
+        border-radius: var(--borderRadiusSmallest, 5px);
+        margin: 0;
+    }
+
+}

package/css/themes/custom/dsgov/slider-dsgov.css

@@ -18,8 +18,7 @@
 
 .k-slider .k-slider-buttons .k-button:hover,
 .k-slider .k-slider-buttons .k-button.k-state-hover {
-    background: var(--colorDefault30, #7c8ec8);
-    color: var(--textColorDefault40, #ffffff);
+    background: var(--colorDefault10, #d6daeb);
 }
 
 .k-slider .k-slider-buttons .k-button.k-button-decrease span,
@@ -52,7 +51,7 @@
 }
 
 .k-slider .k-slider-selection {
-    background: var(--colorDefault30, #7c8ec8);
+    background: var(--colorDefault30, #5A85CB);
 }
 
 .k-slider .k-slider-items {