indigo主题色

resources/assets/sass/core/menu/menu-types/horizontal-menu.scss

@@ -299,7 +299,7 @@
         &.active{
           > a{
             background: linear-gradient(118deg, rgba($primary, 1), rgba($primary, 0.7));
-            box-shadow: 0px 0px 6px 1px rgba($primary, 0.6);
+            box-shadow: 0 0 6px 1px rgba($primary, 0.6);
             color: $white;
             border-radius: 4px;
           }

resources/assets/sass/core/variables/_variables.scss

@@ -22,12 +22,13 @@ $gray-800: #1e1e1e; // $gray-dark
 $gray-900: #2a2e30;
 $black: #22292f;
 
-$indigo: #4d5ec1;
+//$indigo: #4d5ec1;
+$indigo: #5c6bc6;
 
 $blue: #00cfe8; //$info
 $red: #ea5455; //$danger
 $orange: #ff9f43; //$warning
-$green: #28c76f; //$success
+$green: #21b978; //$success
 $cyan: #7367f0; //$primary
 
 $primary: $indigo;
@@ -66,8 +67,8 @@ $body-color: #626262;
 //
 // Style anchor elements.
 
-$link-color: $primary;
-$link-hover-color: darken($link-color, 5%);
+$link-color: darken($primary, 5%);
+$link-hover-color: darken($link-color, 10%);
 $link-hover-decoration: none;
 
 // Grid columns

resources/dist/css/bootstrap-extended.css

@@ -313,7 +313,7 @@ pre code {
 }
 
 .form-control:focus ~ .form-control-position i {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 /* Form specific Scss */
@@ -479,8 +479,8 @@ select.form-control:not([multiple=multiple]) {
 }
 
 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-  background-color: #4d5ec1;
-  border-color: #4d5ec1;
+  background-color: #5c6bc6;
+  border-color: #5c6bc6;
 }
 
 /* Floating label Group */
@@ -522,7 +522,7 @@ select.form-control:not([multiple=multiple]) {
 .form-label-group > input:not(:active):not(:placeholder-shown) ~ label,
 .form-label-group textarea:focus:not(:placeholder-shown) ~ label,
 .form-label-group textarea:not(:active):not(:placeholder-shown) ~ label {
-  color: #4d5ec1 !important;
+  color: #5c6bc6 !important;
   transition: all 0.25s ease-in-out;
   opacity: 1;
 }
@@ -566,12 +566,12 @@ select.form-control:not([multiple=multiple]) {
 
 .vs-checkbox-con input:checked ~ .vs-checkbox {
   transform: rotate(0deg);
-  border-color: #4d5ec1;
+  border-color: #5c6bc6;
 }
 
 .vs-checkbox-con input:checked ~ .vs-checkbox .vs-checkbox--check {
   transform: translate(0);
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 .vs-checkbox-con input:checked ~ .vs-checkbox .vs-checkbox--check .vs-icon {
@@ -590,7 +590,7 @@ select.form-control:not([multiple=multiple]) {
 
 .vs-checkbox-con input:active:checked + .vs-checkbox .vs-checkbox--check {
   transform: translate(3px);
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 .vs-checkbox-con input:active:checked + .vs-checkbox .vs-checkbox--check .vs-icon {
@@ -676,8 +676,8 @@ select.form-control:not([multiple=multiple]) {
 }
 
 .vs-radio-con input:checked ~ .vs-radio .vs-radio--circle {
-  background: #4d5ec1;
-  box-shadow: 0 3px 12px 0 rgba(77, 94, 193, 0.4);
+  background: #5c6bc6;
+  box-shadow: 0 3px 12px 0 rgba(92, 107, 198, 0.4);
   opacity: 1;
   transform: scale(1);
 }
@@ -943,7 +943,7 @@ select.form-control:not([multiple=multiple]) {
 /* Textarea with Counter */
 
 .counter-value {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   color: #fff;
   padding: 1px 6px;
   font-size: 0.6rem;
@@ -1460,7 +1460,7 @@ html [type=button],
 
 .dropdown .dropdown-menu .dropdown-item:hover {
   background-color: #f8f8f8;
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .dropdown .dropdown-menu .dropdown-item.active {
@@ -1848,7 +1848,7 @@ html [type=button],
 }
 
 .header-navbar .navbar-container .bookmark-wrapper ul.nav li > a.nav-link i:hover {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .header-navbar .navbar-container .bookmark-input {
@@ -1894,7 +1894,7 @@ html [type=button],
 
 .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:hover,
 .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:active {
-  background: #4d5ec1;
+  background: #5c6bc6;
   color: #fff !important;
 }
 
@@ -1948,7 +1948,7 @@ html [type=button],
 }
 
 .header-navbar .navbar-container ul.nav li i.ficon:hover {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .header-navbar .navbar-container ul.nav li .media-list {
@@ -2887,7 +2887,7 @@ body[data-col="1-column"] .header-navbar.floating-nav {
 
 .badge {
   color: #fff;
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   font-weight: 400;
 }
 
@@ -3027,7 +3027,7 @@ body[data-col="1-column"] .header-navbar.floating-nav {
 }
 
 .nav.nav-pills .nav-item.dropdown.show .dropdown-item.active:hover {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .nav.nav-pills.nav-justified {
@@ -3086,9 +3086,9 @@ body[data-col="1-column"] .header-navbar.floating-nav {
 }
 
 .nav.nav-pills.nav-active-bordered-pill .nav-item a.nav-link.active {
-  border: 1px solid #4d5ec1;
+  border: 1px solid #5c6bc6;
   border-radius: 0.25rem;
-  color: #4d5ec1;
+  color: #5c6bc6;
   background-color: #fff;
 }
 
@@ -3116,7 +3116,7 @@ body[data-col="1-column"] .header-navbar.floating-nav {
 .nav.nav-tabs .nav-item .nav-link.active {
   border: none;
   position: relative;
-  color: #4d5ec1;
+  color: #5c6bc6;
   transition: all 0.2s ease;
   background-color: transparent;
 }
@@ -3129,8 +3129,8 @@ body[data-col="1-column"] .header-navbar.floating-nav {
   position: absolute;
   bottom: 0;
   top: 100%;
-  background: linear-gradient(30deg, #4d5ec1, rgba(77, 94, 193, 0.5)) !important;
-  box-shadow: 0 0 8px 0 rgba(77, 94, 193, 0.5) !important;
+  background: linear-gradient(30deg, #5c6bc6, rgba(92, 107, 198, 0.5)) !important;
+  box-shadow: 0 0 8px 0 rgba(92, 107, 198, 0.5) !important;
   transform: translateY(0px);
   transition: all 0.2s linear;
 }
@@ -3398,7 +3398,7 @@ ul.list-inline.list-inline-pipe > li + li:before {
 }
 
 .list-group .list-group-item.active:hover {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 .list-group .list-group-item.active:focus {
@@ -3633,7 +3633,7 @@ _:-ms-lang(x),
 .pagination .page-item.next-item .page-link,
 .pagination .page-item.first .page-link,
 .pagination .page-item.last .page-link {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .pagination .page-item.prev-item.disabled .page-link,
@@ -3667,7 +3667,7 @@ _:-ms-lang(x),
 }
 
 .pagination .page-item.prev-item .page-link:hover {
-  background: #4d5ec1;
+  background: #5c6bc6;
   color: #fff;
 }
 
@@ -3707,7 +3707,7 @@ _:-ms-lang(x),
 }
 
 .pagination .page-item.next-item .page-link:hover {
-  background: #4d5ec1;
+  background: #5c6bc6;
   color: #fff;
 }
 
@@ -3742,7 +3742,7 @@ _:-ms-lang(x),
 }
 
 .pagination .page-item .page-link:hover {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .pagination .page-item.active {
@@ -3753,7 +3753,7 @@ _:-ms-lang(x),
 .pagination .page-item.active .page-link {
   z-index: 3;
   border-radius: 5rem;
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   color: #fff;
   transform: scale(1.05);
 }
@@ -3812,7 +3812,7 @@ _:-ms-lang(x),
 .modal .modal-header .close span {
   font-weight: 400;
   font-size: 2rem;
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .modal .modal-header .close:hover,
@@ -3835,11 +3835,11 @@ _:-ms-lang(x),
 }
 
 .modal .modal-header.bg-primary .close span {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .modal .modal-header.bg-success .close span {
-  color: #28c76f;
+  color: #21b978;
 }
 
 .modal .modal-header.bg-info .close span {
@@ -3906,7 +3906,7 @@ _:-ms-lang(x),
 }
 
 .popover.bs-popover-bottom .arrow:after {
-  border-bottom-color: #4d5ec1;
+  border-bottom-color: #5c6bc6;
 }
 
 .icon-bg-circle {

resources/dist/css/bootstrap.css

@@ -16,21 +16,21 @@
 
 :root {
   --blue: #00cfe8;
-  --indigo: #4d5ec1;
+  --indigo: #5c6bc6;
   --purple: #6f42c1;
   --pink: #e83e8c;
   --red: #ea5455;
   --orange: #ff9f43;
   --yellow: #ffc107;
-  --green: #28c76f;
+  --green: #21b978;
   --teal: #20c997;
   --cyan: #7367f0;
   --white: #fff;
   --gray: #b8c2cc;
   --gray-dark: #1e1e1e;
-  --primary: #4d5ec1;
+  --primary: #5c6bc6;
   --secondary: #b8c2cc;
-  --success: #28c76f;
+  --success: #21b978;
   --info: #00cfe8;
   --warning: #ff9f43;
   --danger: #ea5455;
@@ -177,13 +177,13 @@ sup {
 }
 
 a {
-  color: #4d5ec1;
+  color: #495abf;
   text-decoration: none;
   background-color: transparent;
 }
 
 a:hover {
-  color: #3f50b5;
+  color: #37469e;
   text-decoration: none;
 }
 
@@ -1686,23 +1686,23 @@ pre code {
 .table-primary,
 .table-primary > th,
 .table-primary > td {
-  background-color: #cdd2ee;
+  background-color: #d1d6ef;
 }
 
 .table-primary th,
 .table-primary td,
 .table-primary thead th,
 .table-primary tbody + tbody {
-  border-color: #a2abdf;
+  border-color: #aab2e1;
 }
 
 .table-hover .table-primary:hover {
-  background-color: #bac1e8;
+  background-color: #bec5e8;
 }
 
 .table-hover .table-primary:hover > td,
 .table-hover .table-primary:hover > th {
-  background-color: #bac1e8;
+  background-color: #bec5e8;
 }
 
 .table-secondary,
@@ -1730,23 +1730,23 @@ pre code {
 .table-success,
 .table-success > th,
 .table-success > td {
-  background-color: #c3efd7;
+  background-color: #c1ebd9;
 }
 
 .table-success th,
 .table-success td,
 .table-success thead th,
 .table-success tbody + tbody {
-  border-color: #8fe2b4;
+  border-color: #8cdbb9;
 }
 
 .table-hover .table-success:hover {
-  background-color: #afeaca;
+  background-color: #aee5cd;
 }
 
 .table-hover .table-success:hover > td,
 .table-hover .table-success:hover > th {
-  background-color: #afeaca;
+  background-color: #aee5cd;
 }
 
 .table-info,
@@ -2003,7 +2003,7 @@ pre code {
 .form-control:focus {
   color: #4e5154;
   background-color: #fff;
-  border-color: #4d5ec1;
+  border-color: #5c6bc6;
   outline: 0;
   box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
 }
@@ -2177,7 +2177,7 @@ textarea.form-control {
   width: 100%;
   margin-top: 0.25rem;
   font-size: smaller;
-  color: #28c76f;
+  color: #21b978;
 }
 
 .valid-tooltip {
@@ -2191,15 +2191,15 @@ textarea.form-control {
   font-size: 0.857rem;
   line-height: 1.45;
   color: #fff;
-  background-color: #28c76f;
+  background-color: #21b978;
   border-radius: 0.428rem;
 }
 
 .was-validated .form-control:valid,
 .form-control.is-valid {
-  border-color: #28c76f;
+  border-color: #21b978;
   padding-right: calc(1.25em + 1.4rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328c76f' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2321b978' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: center right calc(0.3125em + 0.35rem);
   background-size: calc(0.625em + 0.7rem) calc(0.625em + 0.7rem);
@@ -2207,8 +2207,8 @@ textarea.form-control {
 
 .was-validated .form-control:valid:focus,
 .form-control.is-valid:focus {
-  border-color: #28c76f;
-  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
+  border-color: #21b978;
+  box-shadow: 0 0 0 0.2rem rgba(33, 185, 120, 0.25);
 }
 
 .was-validated .form-control:valid ~ .valid-feedback,
@@ -2226,15 +2226,15 @@ textarea.form-control.is-valid {
 
 .was-validated .custom-select:valid,
 .custom-select.is-valid {
-  border-color: #28c76f;
+  border-color: #21b978;
   padding-right: calc((1em + 1.4rem) * 3 / 4 + 1.7rem);
-  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%231e1e1e' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.7rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328c76f' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.7rem/calc(0.625em + 0.7rem) calc(0.625em + 0.7rem);
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%231e1e1e' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.7rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2321b978' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.7rem/calc(0.625em + 0.7rem) calc(0.625em + 0.7rem);
 }
 
 .was-validated .custom-select:valid:focus,
 .custom-select.is-valid:focus {
-  border-color: #28c76f;
-  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
+  border-color: #21b978;
+  box-shadow: 0 0 0 0.2rem rgba(33, 185, 120, 0.25);
 }
 
 .was-validated .custom-select:valid ~ .valid-feedback,
@@ -2253,7 +2253,7 @@ textarea.form-control.is-valid {
 
 .was-validated .form-check-input:valid ~ .form-check-label,
 .form-check-input.is-valid ~ .form-check-label {
-  color: #28c76f;
+  color: #21b978;
 }
 
 .was-validated .form-check-input:valid ~ .valid-feedback,
@@ -2265,12 +2265,12 @@ textarea.form-control.is-valid {
 
 .was-validated .custom-control-input:valid ~ .custom-control-label,
 .custom-control-input.is-valid ~ .custom-control-label {
-  color: #28c76f;
+  color: #21b978;
 }
 
 .was-validated .custom-control-input:valid ~ .custom-control-label::before,
 .custom-control-input.is-valid ~ .custom-control-label::before {
-  border-color: #28c76f;
+  border-color: #21b978;
 }
 
 .was-validated .custom-control-input:valid ~ .valid-feedback,
@@ -2282,23 +2282,23 @@ textarea.form-control.is-valid {
 
 .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
 .custom-control-input.is-valid:checked ~ .custom-control-label::before {
-  border-color: #48da89;
-  background-color: #48da89;
+  border-color: #32db93;
+  background-color: #32db93;
 }
 
 .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
 .custom-control-input.is-valid:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
+  box-shadow: 0 0 0 0.2rem rgba(33, 185, 120, 0.25);
 }
 
 .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
 .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
-  border-color: #28c76f;
+  border-color: #21b978;
 }
 
 .was-validated .custom-file-input:valid ~ .custom-file-label,
 .custom-file-input.is-valid ~ .custom-file-label {
-  border-color: #28c76f;
+  border-color: #21b978;
 }
 
 .was-validated .custom-file-input:valid ~ .valid-feedback,
@@ -2310,8 +2310,8 @@ textarea.form-control.is-valid {
 
 .was-validated .custom-file-input:valid:focus ~ .custom-file-label,
 .custom-file-input.is-valid:focus ~ .custom-file-label {
-  border-color: #28c76f;
-  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
+  border-color: #21b978;
+  box-shadow: 0 0 0 0.2rem rgba(33, 185, 120, 0.25);
 }
 
 .invalid-feedback {
@@ -2556,7 +2556,7 @@ textarea.form-control.is-invalid {
 .btn:focus,
 .btn.focus {
   outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(77, 94, 193, 0.25);
+  box-shadow: 0 0 0 0.2rem rgba(92, 107, 198, 0.25);
 }
 
 .btn.disabled,
@@ -2571,40 +2571,40 @@ fieldset:disabled a.btn {
 
 .btn-primary {
   color: #fff;
-  background-color: #4d5ec1;
-  border-color: #4d5ec1;
+  background-color: #5c6bc6;
+  border-color: #5c6bc6;
 }
 
 .btn-primary:hover {
   color: #fff;
-  background-color: #3c4cac;
-  border-color: #3948a2;
+  background-color: #4152bb;
+  border-color: #3e4eb1;
 }
 
 .btn-primary:focus,
 .btn-primary.focus {
-  box-shadow: 0 0 0 0.2rem rgba(104, 118, 202, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(116, 129, 207, 0.5);
 }
 
 .btn-primary.disabled,
 .btn-primary:disabled {
   color: #fff;
-  background-color: #4d5ec1;
-  border-color: #4d5ec1;
+  background-color: #5c6bc6;
+  border-color: #5c6bc6;
 }
 
 .btn-primary:not(:disabled):not(.disabled):active,
 .btn-primary:not(:disabled):not(.disabled).active,
 .show > .btn-primary.dropdown-toggle {
   color: #fff;
-  background-color: #3948a2;
-  border-color: #354499;
+  background-color: #3e4eb1;
+  border-color: #3b4aa8;
 }
 
 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .show > .btn-primary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(104, 118, 202, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(116, 129, 207, 0.5);
 }
 
 .btn-secondary {
@@ -2647,40 +2647,40 @@ fieldset:disabled a.btn {
 
 .btn-success {
   color: #fff;
-  background-color: #28c76f;
-  border-color: #28c76f;
+  background-color: #21b978;
+  border-color: #21b978;
 }
 
 .btn-success:hover {
   color: #fff;
-  background-color: #22a75d;
-  border-color: #1f9d57;
+  background-color: #1b9963;
+  border-color: #198e5c;
 }
 
 .btn-success:focus,
 .btn-success.focus {
-  box-shadow: 0 0 0 0.2rem rgba(72, 207, 133, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(66, 196, 140, 0.5);
 }
 
 .btn-success.disabled,
 .btn-success:disabled {
   color: #fff;
-  background-color: #28c76f;
-  border-color: #28c76f;
+  background-color: #21b978;
+  border-color: #21b978;
 }
 
 .btn-success:not(:disabled):not(.disabled):active,
 .btn-success:not(:disabled):not(.disabled).active,
 .show > .btn-success.dropdown-toggle {
   color: #fff;
-  background-color: #1f9d57;
-  border-color: #1d9251;
+  background-color: #198e5c;
+  border-color: #178355;
 }
 
 .btn-success:not(:disabled):not(.disabled):active:focus,
 .btn-success:not(:disabled):not(.disabled).active:focus,
 .show > .btn-success.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(72, 207, 133, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(66, 196, 140, 0.5);
 }
 
 .btn-info {
@@ -2874,24 +2874,24 @@ fieldset:disabled a.btn {
 }
 
 .btn-outline-primary {
-  color: #4d5ec1;
-  border-color: #4d5ec1;
+  color: #5c6bc6;
+  border-color: #5c6bc6;
 }
 
 .btn-outline-primary:hover {
   color: #fff;
-  background-color: #4d5ec1;
-  border-color: #4d5ec1;
+  background-color: #5c6bc6;
+  border-color: #5c6bc6;
 }
 
 .btn-outline-primary:focus,
 .btn-outline-primary.focus {
-  box-shadow: 0 0 0 0.2rem rgba(77, 94, 193, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(92, 107, 198, 0.5);
 }
 
 .btn-outline-primary.disabled,
 .btn-outline-primary:disabled {
-  color: #4d5ec1;
+  color: #5c6bc6;
   background-color: transparent;
 }
 
@@ -2899,14 +2899,14 @@ fieldset:disabled a.btn {
 .btn-outline-primary:not(:disabled):not(.disabled).active,
 .show > .btn-outline-primary.dropdown-toggle {
   color: #fff;
-  background-color: #4d5ec1;
-  border-color: #4d5ec1;
+  background-color: #5c6bc6;
+  border-color: #5c6bc6;
 }
 
 .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
 .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
 .show > .btn-outline-primary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(77, 94, 193, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(92, 107, 198, 0.5);
 }
 
 .btn-outline-secondary {
@@ -2946,24 +2946,24 @@ fieldset:disabled a.btn {
 }
 
 .btn-outline-success {
-  color: #28c76f;
-  border-color: #28c76f;
+  color: #21b978;
+  border-color: #21b978;
 }
 
 .btn-outline-success:hover {
   color: #fff;
-  background-color: #28c76f;
-  border-color: #28c76f;
+  background-color: #21b978;
+  border-color: #21b978;
 }
 
 .btn-outline-success:focus,
 .btn-outline-success.focus {
-  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(33, 185, 120, 0.5);
 }
 
 .btn-outline-success.disabled,
 .btn-outline-success:disabled {
-  color: #28c76f;
+  color: #21b978;
   background-color: transparent;
 }
 
@@ -2971,14 +2971,14 @@ fieldset:disabled a.btn {
 .btn-outline-success:not(:disabled):not(.disabled).active,
 .show > .btn-outline-success.dropdown-toggle {
   color: #fff;
-  background-color: #28c76f;
-  border-color: #28c76f;
+  background-color: #21b978;
+  border-color: #21b978;
 }
 
 .btn-outline-success:not(:disabled):not(.disabled):active:focus,
 .btn-outline-success:not(:disabled):not(.disabled).active:focus,
 .show > .btn-outline-success.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(33, 185, 120, 0.5);
 }
 
 .btn-outline-info {
@@ -3163,12 +3163,12 @@ fieldset:disabled a.btn {
 
 .btn-link {
   font-weight: 400;
-  color: #4d5ec1;
+  color: #495abf;
   text-decoration: none;
 }
 
 .btn-link:hover {
-  color: #3f50b5;
+  color: #37469e;
   text-decoration: none;
 }
 
@@ -3475,7 +3475,7 @@ input[type=button].btn-block {
 .dropdown-item:active {
   color: #fff;
   text-decoration: none;
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 .dropdown-item.disabled,
@@ -3833,8 +3833,8 @@ input[type=button].btn-block {
 
 .custom-control-input:checked ~ .custom-control-label::before {
   color: #fff;
-  border-color: #4d5ec1;
-  background-color: #4d5ec1;
+  border-color: #5c6bc6;
+  background-color: #5c6bc6;
 }
 
 .custom-control-input:focus ~ .custom-control-label::before {
@@ -3842,13 +3842,13 @@ input[type=button].btn-block {
 }
 
 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
-  border-color: #4d5ec1;
+  border-color: #5c6bc6;
 }
 
 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
   color: #fff;
-  background-color: #d1d6ef;
-  border-color: #d1d6ef;
+  background-color: #e0e3f4;
+  border-color: #e0e3f4;
 }
 
 .custom-control-input:disabled ~ .custom-control-label {
@@ -3898,8 +3898,8 @@ input[type=button].btn-block {
 }
 
 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
-  border-color: #4d5ec1;
-  background-color: #4d5ec1;
+  border-color: #5c6bc6;
+  background-color: #5c6bc6;
 }
 
 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
@@ -3907,11 +3907,11 @@ input[type=button].btn-block {
 }
 
 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
-  background-color: rgba(77, 94, 193, 0.5);
+  background-color: rgba(92, 107, 198, 0.5);
 }
 
 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
-  background-color: rgba(77, 94, 193, 0.5);
+  background-color: rgba(92, 107, 198, 0.5);
 }
 
 .custom-radio .custom-control-label::before {
@@ -3923,7 +3923,7 @@ input[type=button].btn-block {
 }
 
 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
-  background-color: rgba(77, 94, 193, 0.5);
+  background-color: rgba(92, 107, 198, 0.5);
 }
 
 .custom-switch {
@@ -3959,7 +3959,7 @@ input[type=button].btn-block {
 }
 
 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
-  background-color: rgba(77, 94, 193, 0.5);
+  background-color: rgba(92, 107, 198, 0.5);
 }
 
 .custom-select {
@@ -3982,7 +3982,7 @@ input[type=button].btn-block {
 }
 
 .custom-select:focus {
-  border-color: #4d5ec1;
+  border-color: #5c6bc6;
   outline: 0;
   box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
 }
@@ -4042,7 +4042,7 @@ input[type=button].btn-block {
 }
 
 .custom-file-input:focus ~ .custom-file-label {
-  border-color: #4d5ec1;
+  border-color: #5c6bc6;
   box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
 }
 
@@ -4125,7 +4125,7 @@ input[type=button].btn-block {
   width: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   border: 0;
   border-radius: 1rem;
   -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -4142,7 +4142,7 @@ input[type=button].btn-block {
 }
 
 .custom-range::-webkit-slider-thumb:active {
-  background-color: #d1d6ef;
+  background-color: #e0e3f4;
 }
 
 .custom-range::-webkit-slider-runnable-track {
@@ -4158,7 +4158,7 @@ input[type=button].btn-block {
 .custom-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   border: 0;
   border-radius: 1rem;
   -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -4175,7 +4175,7 @@ input[type=button].btn-block {
 }
 
 .custom-range::-moz-range-thumb:active {
-  background-color: #d1d6ef;
+  background-color: #e0e3f4;
 }
 
 .custom-range::-moz-range-track {
@@ -4194,7 +4194,7 @@ input[type=button].btn-block {
   margin-top: 0;
   margin-right: 0.2rem;
   margin-left: 0.2rem;
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   border: 0;
   border-radius: 1rem;
   -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -4210,7 +4210,7 @@ input[type=button].btn-block {
 }
 
 .custom-range::-ms-thumb:active {
-  background-color: #d1d6ef;
+  background-color: #e0e3f4;
 }
 
 .custom-range::-ms-track {
@@ -4337,7 +4337,7 @@ input[type=button].btn-block {
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
   color: #fff;
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 .nav-fill .nav-item {
@@ -5044,14 +5044,14 @@ input[type=button].btn-block {
   padding: 0.65rem 0.911rem;
   margin-left: -1px;
   line-height: 1.25;
-  color: #4d5ec1;
+  color: #495abf;
   background-color: #fff;
   border: 1px solid #dae1e7;
 }
 
 .page-link:hover {
   z-index: 2;
-  color: #3f50b5;
+  color: #37469e;
   text-decoration: none;
   background-color: #ededed;
   border-color: #dae1e7;
@@ -5060,7 +5060,7 @@ input[type=button].btn-block {
 .page-link:focus {
   z-index: 2;
   outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(77, 94, 193, 0.25);
+  box-shadow: 0 0 0 0.2rem rgba(92, 107, 198, 0.25);
 }
 
 .page-item:first-child .page-link {
@@ -5077,8 +5077,8 @@ input[type=button].btn-block {
 .page-item.active .page-link {
   z-index: 1;
   color: #fff;
-  background-color: #4d5ec1;
-  border-color: #4d5ec1;
+  background-color: #5c6bc6;
+  border-color: #5c6bc6;
 }
 
 .page-item.disabled .page-link {
@@ -5162,19 +5162,19 @@ a.badge:focus {
 
 .badge-primary {
   color: #fff;
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 a.badge-primary:hover,
 a.badge-primary:focus {
   color: #fff;
-  background-color: #3948a2;
+  background-color: #3e4eb1;
 }
 
 a.badge-primary:focus,
 a.badge-primary.focus {
   outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(77, 94, 193, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(92, 107, 198, 0.5);
 }
 
 .badge-secondary {
@@ -5196,19 +5196,19 @@ a.badge-secondary.focus {
 
 .badge-success {
   color: #fff;
-  background-color: #28c76f;
+  background-color: #21b978;
 }
 
 a.badge-success:hover,
 a.badge-success:focus {
   color: #fff;
-  background-color: #1f9d57;
+  background-color: #198e5c;
 }
 
 a.badge-success:focus,
 a.badge-success.focus {
   outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(33, 185, 120, 0.5);
 }
 
 .badge-info {
@@ -5344,17 +5344,17 @@ a.badge-dark.focus {
 }
 
 .alert-primary {
-  color: #38457b;
-  background-color: #dbdff3;
-  border-color: #cdd2ee;
+  color: #404b7e;
+  background-color: #dee1f4;
+  border-color: #d1d6ef;
 }
 
 .alert-primary hr {
-  border-top-color: #bac1e8;
+  border-top-color: #bec5e8;
 }
 
 .alert-primary .alert-link {
-  color: #283158;
+  color: #2f375c;
 }
 
 .alert-secondary {
@@ -5372,17 +5372,17 @@ a.badge-dark.focus {
 }
 
 .alert-success {
-  color: #257b50;
-  background-color: #d4f4e2;
-  border-color: #c3efd7;
+  color: #217455;
+  background-color: #d3f1e4;
+  border-color: #c1ebd9;
 }
 
 .alert-success hr {
-  border-top-color: #afeaca;
+  border-top-color: #aee5cd;
 }
 
 .alert-success .alert-link {
-  color: #195437;
+  color: #164c38;
 }
 
 .alert-info {
@@ -5491,7 +5491,7 @@ a.badge-dark.focus {
   color: #fff;
   text-align: center;
   white-space: nowrap;
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   transition: width 0.6s ease;
 }
 
@@ -5583,8 +5583,8 @@ a.badge-dark.focus {
 .list-group-item.active {
   z-index: 2;
   color: #fff;
-  background-color: #4d5ec1;
-  border-color: #4d5ec1;
+  background-color: #5c6bc6;
+  border-color: #5c6bc6;
 }
 
 .list-group-horizontal {
@@ -5725,20 +5725,20 @@ a.badge-dark.focus {
 }
 
 .list-group-item-primary {
-  color: #38457b;
-  background-color: #cdd2ee;
+  color: #404b7e;
+  background-color: #d1d6ef;
 }
 
 .list-group-item-primary.list-group-item-action:hover,
 .list-group-item-primary.list-group-item-action:focus {
-  color: #38457b;
-  background-color: #bac1e8;
+  color: #404b7e;
+  background-color: #bec5e8;
 }
 
 .list-group-item-primary.list-group-item-action.active {
   color: #fff;
-  background-color: #38457b;
-  border-color: #38457b;
+  background-color: #404b7e;
+  border-color: #404b7e;
 }
 
 .list-group-item-secondary {
@@ -5759,20 +5759,20 @@ a.badge-dark.focus {
 }
 
 .list-group-item-success {
-  color: #257b50;
-  background-color: #c3efd7;
+  color: #217455;
+  background-color: #c1ebd9;
 }
 
 .list-group-item-success.list-group-item-action:hover,
 .list-group-item-success.list-group-item-action:focus {
-  color: #257b50;
-  background-color: #afeaca;
+  color: #217455;
+  background-color: #aee5cd;
 }
 
 .list-group-item-success.list-group-item-action.active {
   color: #fff;
-  background-color: #257b50;
-  border-color: #257b50;
+  background-color: #217455;
+  border-color: #217455;
 }
 
 .list-group-item-info {
@@ -6402,7 +6402,7 @@ a.close.disabled {
   width: 1rem;
   margin-left: -0.5rem;
   content: "";
-  border-bottom: 1px solid #4d5ec1;
+  border-bottom: 1px solid #5c6bc6;
 }
 
 .bs-popover-left,
@@ -6437,8 +6437,8 @@ a.close.disabled {
   margin-bottom: 0;
   font-size: 1rem;
   color: #2c2c2c;
-  background-color: #4d5ec1;
-  border-bottom: 1px solid #3f50b5;
+  background-color: #5c6bc6;
+  border-bottom: 1px solid #495abf;
   border-top-left-radius: calc(0.6rem - 1px);
   border-top-right-radius: calc(0.6rem - 1px);
 }
@@ -6734,14 +6734,14 @@ a.close.disabled {
 }
 
 .bg-primary {
-  background-color: #4d5ec1 !important;
+  background-color: #5c6bc6 !important;
 }
 
 a.bg-primary:hover,
 a.bg-primary:focus,
 button.bg-primary:hover,
 button.bg-primary:focus {
-  background-color: #3948a2 !important;
+  background-color: #3e4eb1 !important;
 }
 
 .bg-secondary {
@@ -6756,14 +6756,14 @@ button.bg-secondary:focus {
 }
 
 .bg-success {
-  background-color: #28c76f !important;
+  background-color: #21b978 !important;
 }
 
 a.bg-success:hover,
 a.bg-success:focus,
 button.bg-success:hover,
 button.bg-success:focus {
-  background-color: #1f9d57 !important;
+  background-color: #198e5c !important;
 }
 
 .bg-info {
@@ -6870,7 +6870,7 @@ button.bg-dark:focus {
 }
 
 .border-primary {
-  border-color: #4d5ec1 !important;
+  border-color: #5c6bc6 !important;
 }
 
 .border-secondary {
@@ -6878,7 +6878,7 @@ button.bg-dark:focus {
 }
 
 .border-success {
-  border-color: #28c76f !important;
+  border-color: #21b978 !important;
 }
 
 .border-info {
@@ -11542,12 +11542,12 @@ button.bg-dark:focus {
 }
 
 .text-primary {
-  color: #4d5ec1 !important;
+  color: #5c6bc6 !important;
 }
 
 a.text-primary:hover,
 a.text-primary:focus {
-  color: #324090 !important;
+  color: #37469e !important;
 }
 
 .text-secondary {
@@ -11560,12 +11560,12 @@ a.text-secondary:focus {
 }
 
 .text-success {
-  color: #28c76f !important;
+  color: #21b978 !important;
 }
 
 a.text-success:hover,
 a.text-success:focus {
-  color: #1b874b !important;
+  color: #15784e !important;
 }
 
 .text-info {

resources/dist/css/components.css

@@ -198,7 +198,7 @@ html body[data-col="1-column"] .footer {
 }
 
 html .pace .pace-progress {
-  background: #4d5ec1;
+  background: #5c6bc6;
 }
 
 .app-content.center-layout {
@@ -485,8 +485,8 @@ body.fixed-footer footer.footer-dark {
 }
 
 .main-menu.menu-light .navigation > li.active > a {
-  background: linear-gradient(118deg, #4d5ec1, rgba(77, 94, 193, 0.7));
-  box-shadow: 0 0 10px 1px rgba(77, 94, 193, 0.7);
+  background: linear-gradient(118deg, #5c6bc6, rgba(92, 107, 198, 0.7));
+  box-shadow: 0 0 10px 1px rgba(92, 107, 198, 0.7);
   color: #fff;
   font-weight: 400;
   border-radius: 4px;
@@ -497,7 +497,7 @@ body.fixed-footer footer.footer-dark {
 }
 
 .main-menu.menu-light .navigation > li .active > a {
-  color: #4d5ec1;
+  color: #5c6bc6;
   margin-bottom: 0;
 }
 
@@ -544,8 +544,8 @@ body.fixed-footer footer.footer-dark {
 }
 
 .main-menu.menu-light .navigation > li ul .active {
-  background: linear-gradient(118deg, #4d5ec1, rgba(77, 94, 193, 0.7));
-  box-shadow: 0 0 10px 1px rgba(77, 94, 193, 0.7);
+  background: linear-gradient(118deg, #5c6bc6, rgba(92, 107, 198, 0.7));
+  box-shadow: 0 0 10px 1px rgba(92, 107, 198, 0.7);
   border-radius: 4px;
 }
 
@@ -700,8 +700,8 @@ body.fixed-footer footer.footer-dark {
 }
 
 .main-menu.menu-dark .navigation > li.active > a {
-  background: linear-gradient(118deg, #4d5ec1, rgba(77, 94, 193, 0.7));
-  box-shadow: 0 0 10px 1px rgba(77, 94, 193, 0.7);
+  background: linear-gradient(118deg, #5c6bc6, rgba(92, 107, 198, 0.7));
+  box-shadow: 0 0 10px 1px rgba(92, 107, 198, 0.7);
   color: #fff;
   font-weight: 400;
   border-radius: 4px;
@@ -712,7 +712,7 @@ body.fixed-footer footer.footer-dark {
 }
 
 .main-menu.menu-dark .navigation > li .active > a {
-  color: #4d5ec1;
+  color: #5c6bc6;
   margin-bottom: 0;
 }
 
@@ -759,8 +759,8 @@ body.fixed-footer footer.footer-dark {
 }
 
 .main-menu.menu-dark .navigation > li ul .active {
-  background: linear-gradient(118deg, #4d5ec1, rgba(77, 94, 193, 0.7));
-  box-shadow: 0 0 10px 1px rgba(77, 94, 193, 0.7);
+  background: linear-gradient(118deg, #5c6bc6, rgba(92, 107, 198, 0.7));
+  box-shadow: 0 0 10px 1px rgba(92, 107, 198, 0.7);
   border-radius: 4px;
 }
 
@@ -897,7 +897,7 @@ body.fixed-footer footer.footer-dark {
 }
 
 .main-menu .navbar-header .navbar-brand .brand-text {
-  color: #4d5ec1;
+  color: #5c6bc6;
   padding-left: 1rem;
   font-weight: 600;
   letter-spacing: 0.01rem;
@@ -1005,14 +1005,14 @@ body.fixed-footer footer.footer-dark {
 }
 
 .dropdown-notification .dropdown-menu.dropdown-menu-right::before {
-  background: #4d5ec1;
-  border-color: #4d5ec1;
+  background: #5c6bc6;
+  border-color: #5c6bc6;
 }
 
 .dropdown-notification .dropdown-menu-header {
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
-  background: #4d5ec1;
+  background: #5c6bc6;
   color: #fff;
   text-align: center;
 }
@@ -1891,7 +1891,7 @@ body.fixed-footer .main-menu.menu-fixed {
 }
 
 .avatar .avatar-status-online {
-  background-color: #28c76f;
+  background-color: #21b978;
 }
 
 .avatar .avatar-status-busy {
@@ -2111,7 +2111,7 @@ body.fixed-footer .main-menu.menu-fixed {
 }
 
 .navbar-container .bookmark-input input:focus {
-  border: 1px solid #4d5ec1;
+  border: 1px solid #5c6bc6;
 }
 
 .navbar-container .bookmark-input .search-list {
@@ -3352,7 +3352,7 @@ body.navbar-static .navbar-container .search-input.open {
 }
 
 .fonticon-container:hover i {
-  color: #4d5ec1;
+  color: #5c6bc6;
   font-size: 2.9rem;
   transform: scale(1.3);
 }
@@ -3461,7 +3461,7 @@ body.navbar-static .navbar-container .search-input.open {
 }
 
 .customizer .customizer-toggle {
-  background: #4d5ec1;
+  background: #5c6bc6;
   color: #fff;
   display: block;
   box-shadow: -3px 0px 8px rgba(0, 0, 0, 0.1);
@@ -3833,7 +3833,7 @@ input[type=month].form-control {
 
 .floating-label-form-group-with-focus label,
 .floating-label-form-group-with-value label {
-  color: #4d5ec1 !important;
+  color: #5c6bc6 !important;
   text-transform: uppercase;
   font-weight: 400;
 }
@@ -3857,7 +3857,7 @@ input[type=month].form-control {
 .select2-container--classic .select2-selection--single:focus,
 .select2-container--default .select2-selection--single:focus {
   outline: 0;
-  border-color: #4d5ec1 !important;
+  border-color: #5c6bc6 !important;
   box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15) !important;
 }
 
@@ -3873,7 +3873,7 @@ input[type=month].form-control {
 
 .select2-container--classic.select2-container--open .select2-selection--single,
 .select2-container--default.select2-container--open .select2-selection--single {
-  border-color: #4d5ec1 !important;
+  border-color: #5c6bc6 !important;
   outline: 0;
 }
 
@@ -3884,7 +3884,7 @@ input[type=month].form-control {
 
 .select2-container--classic.select2-container--focus .select2-selection--multiple,
 .select2-container--default.select2-container--focus .select2-selection--multiple {
-  border-color: #4d5ec1 !important;
+  border-color: #5c6bc6 !important;
   outline: 0;
 }
 
@@ -3897,14 +3897,14 @@ input[type=month].form-control {
 .select2-container--classic .select2-selection--multiple:focus,
 .select2-container--default .select2-selection--multiple:focus {
   outline: 0;
-  border-color: #4d5ec1 !important;
+  border-color: #5c6bc6 !important;
   box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15) !important;
 }
 
 .select2-container--classic .select2-selection--multiple .select2-selection__choice,
 .select2-container--default .select2-selection--multiple .select2-selection__choice {
-  background-color: #4d5ec1 !important;
-  border-color: #3948a2 !important;
+  background-color: #5c6bc6 !important;
+  border-color: #3e4eb1 !important;
   color: #fff;
   padding: 5px;
 }
@@ -4029,7 +4029,7 @@ input[type=month].form-control {
 }
 
 .select2 .form-control::focus {
-  border-color: #4d5ec1 !important;
+  border-color: #5c6bc6 !important;
 }
 
 table.dataTable {
@@ -4102,9 +4102,9 @@ table.dataTable.complex-headers tfoot td {
 }
 
 table.dataTable tbody tr.selected {
-  background-color: rgba(77, 94, 193, 0.05) !important;
-  color: #4d5ec1 !important;
-  box-shadow: 0 0 1px 0 #4d5ec1 !important;
+  background-color: rgba(92, 107, 198, 0.05) !important;
+  color: #5c6bc6 !important;
+  box-shadow: 0 0 1px 0 #5c6bc6 !important;
   border-radius: 5px;
 }
 

resources/dist/css/core/colors/palette-gradient.css

@@ -87,7 +87,7 @@
 .bg-gradient-primary {
   background: #640064;
   color: #fff;
-  background-image: linear-gradient(30deg, #4d5ec1, rgba(77, 94, 193, 0.5));
+  background-image: linear-gradient(30deg, #5c6bc6, rgba(92, 107, 198, 0.5));
   background-repeat: repeat-x;
 }
 
@@ -97,7 +97,7 @@
 }
 
 .gradient-light-primary {
-  background: linear-gradient(30deg, #4d5ec1 0%, #9175dd 100%);
+  background: linear-gradient(30deg, #5c6bc6 0%, #9e85e1 100%);
   color: #fff;
 }
 
@@ -131,7 +131,7 @@
 .bg-gradient-success {
   background: #0064fa;
   color: #fff;
-  background-image: linear-gradient(30deg, #28c76f, rgba(40, 199, 111, 0.5));
+  background-image: linear-gradient(30deg, #21b978, rgba(33, 185, 120, 0.5));
   background-repeat: repeat-x;
 }
 
@@ -141,7 +141,7 @@
 }
 
 .gradient-light-success {
-  background: linear-gradient(30deg, #28c76f 0%, #4ae9d3 100%);
+  background: linear-gradient(30deg, #21b978 0%, #34eae8 100%);
   color: #fff;
 }
 

resources/dist/css/core/colors/palette-noui.css

@@ -67,20 +67,20 @@
 }
 
 .slider-primary .noUi-connect {
-  background: #4d5ec1 !important;
+  background: #5c6bc6 !important;
 }
 
 .slider-primary.noUi-connect {
-  background: #4d5ec1 !important;
+  background: #5c6bc6 !important;
 }
 
 .slider-primary .noUi-handle {
-  border-color: #4d5ec1 !important;
+  border-color: #5c6bc6 !important;
 }
 
 .slider-primary.circle-filled .noUi-handle,
 .slider-primary.square .noUi-handle {
-  background: #4d5ec1 !important;
+  background: #5c6bc6 !important;
 }
 
 .slider-secondary .noUi-connect {
@@ -101,20 +101,20 @@
 }
 
 .slider-success .noUi-connect {
-  background: #28c76f !important;
+  background: #21b978 !important;
 }
 
 .slider-success.noUi-connect {
-  background: #28c76f !important;
+  background: #21b978 !important;
 }
 
 .slider-success .noUi-handle {
-  border-color: #28c76f !important;
+  border-color: #21b978 !important;
 }
 
 .slider-success.circle-filled .noUi-handle,
 .slider-success.square .noUi-handle {
-  background: #28c76f !important;
+  background: #21b978 !important;
 }
 
 .slider-info .noUi-connect {

resources/dist/css/core/menu/menu-types/horizontal-menu.css

@@ -271,7 +271,7 @@
 
 .horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > .dropdown-menu .active > a {
   background: #f8f8f8;
-  color: #4d5ec1;
+  color: #5c6bc6;
   font-weight: 500;
 }
 
@@ -297,8 +297,8 @@
 }
 
 .horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li.active > a {
-  background: linear-gradient(118deg, #4d5ec1, rgba(77, 94, 193, 0.7));
-  box-shadow: 0px 0px 6px 1px rgba(77, 94, 193, 0.6);
+  background: linear-gradient(118deg, #5c6bc6, rgba(92, 107, 198, 0.7));
+  box-shadow: 0 0 6px 1px rgba(92, 107, 198, 0.6);
   color: #fff;
   border-radius: 4px;
 }
@@ -316,7 +316,7 @@
 }
 
 .horizontal-menu .navbar-dark .nav-item.active > a {
-  border-bottom: 2px solid #4d5ec1;
+  border-bottom: 2px solid #5c6bc6;
   background-color: #313c50;
 }
 

resources/dist/css/pages/aggrid.css

@@ -14,7 +14,7 @@
 
 .aggrid .ag-icon-checkbox-checked,
 .aggrid .ag-icon-checkbox-indeterminate {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .aggrid .ag-root-wrapper-body {
@@ -67,7 +67,7 @@
 }
 
 .aggrid .ag-paging-panel span[ref=lbCurrent] {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 .aggrid .ag-paging-panel span[ref=lbTotal] {

resources/dist/css/pages/app-chat.css

@@ -153,7 +153,7 @@
 }
 
 .chat-application .sidebar-content .chat-user-list li.active {
-  background: linear-gradient(118deg, #4d5ec1, rgba(77, 94, 193, 0.7));
+  background: linear-gradient(118deg, #5c6bc6, rgba(92, 107, 198, 0.7));
   box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
   color: #fff;
 }
@@ -260,7 +260,7 @@
   margin: 0 20px 10px 0;
   clear: both;
   color: #fff;
-  background: linear-gradient(118deg, #4d5ec1, rgba(77, 94, 193, 0.7));
+  background: linear-gradient(118deg, #5c6bc6, rgba(92, 107, 198, 0.7));
   border-radius: 0.5rem;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
 }

resources/dist/css/pages/app-ecommerce-details.css

@@ -88,11 +88,11 @@
 }
 
 .product-color-options .selected .b-primary {
-  border-color: #4d5ec1;
+  border-color: #5c6bc6;
 }
 
 .product-color-options .selected .b-success {
-  border-color: #28c76f;
+  border-color: #21b978;
 }
 
 .product-color-options .selected .b-danger {

resources/dist/css/pages/app-ecommerce-shop.css

@@ -38,7 +38,7 @@
 }
 
 .ecommerce-application .sidebar-shop .vs-radio-con input:checked ~ span {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .ecommerce-application .sidebar-shop .filter-title {
@@ -66,7 +66,7 @@
 .ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle .noUi-tooltip {
   opacity: 0;
   font-size: 0.75rem;
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   color: #fff;
   border-radius: 0.357rem;
   border: none;
@@ -129,12 +129,12 @@
 }
 
 .ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn.active {
-  color: #4d5ec1 !important;
+  color: #5c6bc6 !important;
 }
 
 .ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn.active:hover,
 .ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn.active:active {
-  color: #4d5ec1 !important;
+  color: #5c6bc6 !important;
 }
 
 .ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn:hover,
@@ -273,7 +273,7 @@
 }
 
 .ecommerce-application .ecommerce-card .cart {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   color: #fff;
 }
 
@@ -408,7 +408,7 @@
 }
 
 .ecommerce-application .list-view .ecommerce-card .card-content .card-body .item-company .company-name {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .ecommerce-application .list-view .ecommerce-card .card-content .item-options {
@@ -451,7 +451,7 @@
 }
 
 .ecommerce-application .checkout-items .ecommerce-card .card-content .stock-status-in {
-  color: #28c76f;
+  color: #21b978;
   font-weight: 400;
   font-size: 0.875rem;
 }
@@ -488,7 +488,7 @@
 }
 
 .ecommerce-application .checkout-items .ecommerce-card .card-content .offers {
-  color: #28c76f;
+  color: #21b978;
 }
 
 .ecommerce-application .checkout-options .options-title {
@@ -509,7 +509,7 @@
 }
 
 .ecommerce-application .checkout-options .coupons .apply-coupon {
-  color: #4d5ec1;
+  color: #5c6bc6;
   font-weight: 500;
   cursor: pointer;
 }
@@ -539,11 +539,11 @@
 }
 
 .ecommerce-application .checkout-options .detail .detail-amt.discount-amt {
-  color: #28c76f;
+  color: #21b978;
 }
 
 .ecommerce-application .checkout-options .detail .detail-amt.emi-details {
-  color: #4d5ec1;
+  color: #5c6bc6;
   cursor: pointer;
 }
 
@@ -561,12 +561,12 @@
 }
 
 .ecommerce-application .wizard.checkout-tab-steps .steps ul li.error > a {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .ecommerce-application .wizard.checkout-tab-steps .steps ul li.error > a .step {
-  border-color: #4d5ec1;
-  background-color: #4d5ec1;
+  border-color: #5c6bc6;
+  background-color: #5c6bc6;
 }
 
 .ecommerce-application .wizard.checkout-tab-steps #checkout-address .form-group .error {

resources/dist/css/pages/app-email.css

@@ -71,7 +71,7 @@
 
 .email-application .content-area-wrapper .sidebar .list-group .list-group-item.active {
   background: transparent;
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .email-application .content-area-wrapper .content-right {

resources/dist/css/pages/app-todo.css

@@ -62,7 +62,7 @@
 
 .todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .list-group .list-group-item.active {
   background-color: transparent;
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .list-group .list-group-item i {

resources/dist/css/pages/app-user.css

@@ -34,7 +34,7 @@
 
 .users-list-wrapper a i.users-edit-icon:hover,
 .users-list-wrapper span i.users-edit-icon:hover {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .users-list-wrapper .badge {

resources/dist/css/pages/dashboard-analytics.css

@@ -17,7 +17,7 @@
 }
 
 #dashboard-analytics .bg-analytics {
-  background: linear-gradient(118deg, #4d5ec1, rgba(77, 94, 193, 0.7));
+  background: linear-gradient(118deg, #5c6bc6, rgba(92, 107, 198, 0.7));
 }
 
 #dashboard-analytics .bg-analytics .avatar {

resources/dist/css/pages/dashboard-ecommerce.css

@@ -27,7 +27,7 @@
   margin: 0 20px 10px 0;
   clear: both;
   color: #fff;
-  background: linear-gradient(118deg, #4d5ec1, rgba(77, 94, 193, 0.7));
+  background: linear-gradient(118deg, #5c6bc6, rgba(92, 107, 198, 0.7));
   border-radius: 0.5rem;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
 }

resources/dist/css/pages/data-list-view.css

@@ -263,8 +263,8 @@ table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input:before {
 
 table.data-list-view.dataTable thead .dt-checkboxes-select-all input:after,
 table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input:after {
-  background-color: #4d5ec1;
-  border: 2px solid #4d5ec1;
+  background-color: #5c6bc6;
+  border: 2px solid #5c6bc6;
   font-family: "feather";
   content: "\E83F";
   font-size: 0.75rem;
@@ -287,7 +287,7 @@ table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input:active:che
 
 table.data-list-view.dataTable thead .dt-checkboxes-select-all input:checked:before,
 table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input:checked:before {
-  border: 2px solid #4d5ec1;
+  border: 2px solid #5c6bc6;
   transform: rotate(0deg);
 }
 
@@ -376,7 +376,7 @@ table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input:before {
 
 table.data-list-view.dataTable tbody td.dt-checkboxes-cell input:after,
 table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input:after {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   font-family: "feather";
   content: "\E83F";
   font-size: 0.75rem;
@@ -400,7 +400,7 @@ table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input:active:checked
 table.data-list-view.dataTable tbody td.dt-checkboxes-cell input:checked:before,
 table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input:checked:before {
   transform: rotate(0deg);
-  border: 2px solid #4d5ec1;
+  border: 2px solid #5c6bc6;
   transition: all 0.2s ease;
 }
 

resources/dist/css/pages/faq.css

@@ -8,7 +8,7 @@
 }
 
 .faq-bg .form-control:focus ~ .form-control-position i {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .faq .faq-content .faq-table-content {

resources/dist/css/plugins/calendars/fullcalendar.css

@@ -41,7 +41,7 @@
 .btn.focus,
 .fc .focus.fc-button {
   outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(77, 94, 193, 0.25);
+  box-shadow: 0 0 0 0.2rem rgba(92, 107, 198, 0.25);
 }
 
 .btn.disabled,
@@ -61,40 +61,40 @@ fieldset:disabled .fc a.fc-button,
 
 .btn-primary {
   color: #fff;
-  background-color: #4d5ec1;
-  border-color: #4d5ec1;
+  background-color: #5c6bc6;
+  border-color: #5c6bc6;
 }
 
 .btn-primary:hover {
   color: #fff;
-  background-color: #3c4cac;
-  border-color: #3948a2;
+  background-color: #4152bb;
+  border-color: #3e4eb1;
 }
 
 .btn-primary:focus,
 .btn-primary.focus {
-  box-shadow: 0 0 0 0.2rem rgba(104, 118, 202, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(116, 129, 207, 0.5);
 }
 
 .btn-primary.disabled,
 .btn-primary:disabled {
   color: #fff;
-  background-color: #4d5ec1;
-  border-color: #4d5ec1;
+  background-color: #5c6bc6;
+  border-color: #5c6bc6;
 }
 
 .btn-primary:not(:disabled):not(.disabled):active,
 .btn-primary:not(:disabled):not(.disabled).active,
 .show > .btn-primary.dropdown-toggle {
   color: #fff;
-  background-color: #3948a2;
-  border-color: #354499;
+  background-color: #3e4eb1;
+  border-color: #3b4aa8;
 }
 
 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .show > .btn-primary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(104, 118, 202, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(116, 129, 207, 0.5);
 }
 
 .btn-secondary {
@@ -137,40 +137,40 @@ fieldset:disabled .fc a.fc-button,
 
 .btn-success {
   color: #fff;
-  background-color: #28c76f;
-  border-color: #28c76f;
+  background-color: #21b978;
+  border-color: #21b978;
 }
 
 .btn-success:hover {
   color: #fff;
-  background-color: #22a75d;
-  border-color: #1f9d57;
+  background-color: #1b9963;
+  border-color: #198e5c;
 }
 
 .btn-success:focus,
 .btn-success.focus {
-  box-shadow: 0 0 0 0.2rem rgba(72, 207, 133, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(66, 196, 140, 0.5);
 }
 
 .btn-success.disabled,
 .btn-success:disabled {
   color: #fff;
-  background-color: #28c76f;
-  border-color: #28c76f;
+  background-color: #21b978;
+  border-color: #21b978;
 }
 
 .btn-success:not(:disabled):not(.disabled):active,
 .btn-success:not(:disabled):not(.disabled).active,
 .show > .btn-success.dropdown-toggle {
   color: #fff;
-  background-color: #1f9d57;
-  border-color: #1d9251;
+  background-color: #198e5c;
+  border-color: #178355;
 }
 
 .btn-success:not(:disabled):not(.disabled):active:focus,
 .btn-success:not(:disabled):not(.disabled).active:focus,
 .show > .btn-success.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(72, 207, 133, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(66, 196, 140, 0.5);
 }
 
 .btn-info {
@@ -365,29 +365,29 @@ fieldset:disabled .fc a.fc-button,
 
 .btn-outline-primary,
 .fc .fc-button {
-  color: #4d5ec1;
-  border-color: #4d5ec1;
+  color: #5c6bc6;
+  border-color: #5c6bc6;
 }
 
 .btn-outline-primary:hover,
 .fc .fc-button:hover {
   color: #fff;
-  background-color: #4d5ec1;
-  border-color: #4d5ec1;
+  background-color: #5c6bc6;
+  border-color: #5c6bc6;
 }
 
 .btn-outline-primary:focus,
 .fc .fc-button:focus,
 .btn-outline-primary.focus,
 .fc .focus.fc-button {
-  box-shadow: 0 0 0 0.2rem rgba(77, 94, 193, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(92, 107, 198, 0.5);
 }
 
 .btn-outline-primary.disabled,
 .fc .disabled.fc-button,
 .btn-outline-primary:disabled,
 .fc .fc-button:disabled {
-  color: #4d5ec1;
+  color: #5c6bc6;
   background-color: transparent;
 }
 
@@ -398,8 +398,8 @@ fieldset:disabled .fc a.fc-button,
 .show > .btn-outline-primary.dropdown-toggle,
 .fc .show > .dropdown-toggle.fc-button {
   color: #fff;
-  background-color: #4d5ec1;
-  border-color: #4d5ec1;
+  background-color: #5c6bc6;
+  border-color: #5c6bc6;
 }
 
 .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
@@ -408,7 +408,7 @@ fieldset:disabled .fc a.fc-button,
 .fc .fc-button:not(:disabled):not(.disabled).active:focus,
 .show > .btn-outline-primary.dropdown-toggle:focus,
 .fc .show > .dropdown-toggle.fc-button:focus {
-  box-shadow: 0 0 0 0.2rem rgba(77, 94, 193, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(92, 107, 198, 0.5);
 }
 
 .btn-outline-secondary {
@@ -448,24 +448,24 @@ fieldset:disabled .fc a.fc-button,
 }
 
 .btn-outline-success {
-  color: #28c76f;
-  border-color: #28c76f;
+  color: #21b978;
+  border-color: #21b978;
 }
 
 .btn-outline-success:hover {
   color: #fff;
-  background-color: #28c76f;
-  border-color: #28c76f;
+  background-color: #21b978;
+  border-color: #21b978;
 }
 
 .btn-outline-success:focus,
 .btn-outline-success.focus {
-  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(33, 185, 120, 0.5);
 }
 
 .btn-outline-success.disabled,
 .btn-outline-success:disabled {
-  color: #28c76f;
+  color: #21b978;
   background-color: transparent;
 }
 
@@ -473,14 +473,14 @@ fieldset:disabled .fc a.fc-button,
 .btn-outline-success:not(:disabled):not(.disabled).active,
 .show > .btn-outline-success.dropdown-toggle {
   color: #fff;
-  background-color: #28c76f;
-  border-color: #28c76f;
+  background-color: #21b978;
+  border-color: #21b978;
 }
 
 .btn-outline-success:not(:disabled):not(.disabled):active:focus,
 .btn-outline-success:not(:disabled):not(.disabled).active:focus,
 .show > .btn-outline-success.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
+  box-shadow: 0 0 0 0.2rem rgba(33, 185, 120, 0.5);
 }
 
 .btn-outline-info {
@@ -665,12 +665,12 @@ fieldset:disabled .fc a.fc-button,
 
 .btn-link {
   font-weight: 400;
-  color: #4d5ec1;
+  color: #495abf;
   text-decoration: none;
 }
 
 .btn-link:hover {
-  color: #3f50b5;
+  color: #37469e;
   text-decoration: none;
 }
 
@@ -798,7 +798,7 @@ input[type=button].btn-block {
 }
 
 .fc .fc-view-container .fc-body .fc-day-top.fc-today a {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   color: #fff;
   padding: 5px 10px;
   margin-top: 2px;
@@ -836,12 +836,12 @@ input[type=button].btn-block {
   height: auto;
   outline: none;
   text-shadow: none;
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   color: #fff;
 }
 
 .fc .fc-button:not(:disabled).fc-button-active {
-  background-color: #3948a2;
+  background-color: #3e4eb1;
 }
 
 .fc .fc-button:focus {
@@ -850,8 +850,8 @@ input[type=button].btn-block {
 }
 
 .fc .fc-event {
-  background: #4d5ec1;
-  border: 1px solid #3f50b5;
+  background: #5c6bc6;
+  border: 1px solid #495abf;
   padding: 1px 8px;
   border-radius: 1rem;
   border: none;

resources/dist/css/plugins/extensions/noui-slider.css

@@ -81,7 +81,7 @@
   border: none;
   border-radius: 50%;
   background: #fff;
-  border: 5px solid #4d5ec1;
+  border: 5px solid #5c6bc6;
 }
 
 .noUi-handle:after,
@@ -90,7 +90,7 @@
 }
 
 .circle-filled .noUi-handle {
-  background: #4d5ec1;
+  background: #5c6bc6;
   border-radius: 50%;
 }
 
@@ -100,7 +100,7 @@
 }
 
 .square .noUi-handle {
-  background: #4d5ec1;
+  background: #5c6bc6;
   border-radius: 3px;
 }
 
@@ -165,7 +165,7 @@
 }
 
 .noUi-connect {
-  background: #4d5ec1;
+  background: #5c6bc6;
   box-shadow: none;
 }
 
@@ -183,7 +183,7 @@
 }
 
 .noUi-vertical.square .noUi-handle {
-  background: #4d5ec1;
+  background: #5c6bc6;
   border-radius: 3px;
 }
 

resources/dist/css/plugins/extensions/swiper.css

@@ -34,17 +34,17 @@
 }
 
 .swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active {
-  border: 2px solid #4d5ec1;
+  border: 2px solid #5c6bc6;
 }
 
 .swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active i {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 .swiper-centered-slides .swiper-button-next:after,
 .swiper-centered-slides .swiper-button-prev:after {
   border-radius: 50%;
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   box-shadow: 0 2px 4px 0 rgba(34, 41, 47, 0.5) !important;
 }
 
@@ -58,8 +58,8 @@
 
 .swiper-centered-slides-2.swiper-container .swiper-slide.swiper-slide-active {
   color: #fff;
-  background-color: #4d5ec1;
-  box-shadow: 0 3px 6px 0 rgba(77, 94, 193, 0.5) !important;
+  background-color: #5c6bc6;
+  box-shadow: 0 3px 6px 0 rgba(92, 107, 198, 0.5) !important;
 }
 
 /* cube effect */

resources/dist/css/plugins/extensions/toastr.css

@@ -14,11 +14,11 @@
 }
 
 .toast {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 .toast-success {
-  background-color: #28c76f;
+  background-color: #21b978;
 }
 
 .toast-error {

resources/dist/css/plugins/file-uploaders/dropzone.css

@@ -6,7 +6,7 @@
 
 .dropzone {
   min-height: 350px;
-  border: 2px dashed #4d5ec1;
+  border: 2px dashed #5c6bc6;
   background: #f8f8f8;
 }
 
@@ -18,7 +18,7 @@
   width: 100%;
   height: 300px;
   margin-top: -30px;
-  color: #4d5ec1;
+  color: #5c6bc6;
   text-align: center;
 }
 
@@ -35,7 +35,7 @@
   margin-left: -40px;
   line-height: 1;
   z-index: 2;
-  color: #4d5ec1;
+  color: #5c6bc6;
   text-indent: 0px;
   font-weight: normal;
   -webkit-font-smoothing: antialiased;

resources/dist/css/plugins/forms/wizard.css

@@ -67,13 +67,13 @@
 }
 
 .app-content .wizard > .steps > ul > li.current > a {
-  color: #4d5ec1;
+  color: #5c6bc6;
   cursor: default;
 }
 
 .app-content .wizard > .steps > ul > li.current .step {
-  border-color: #4d5ec1;
-  background-color: #4d5ec1;
+  border-color: #5c6bc6;
+  background-color: #5c6bc6;
   color: #fff;
 }
 
@@ -110,13 +110,13 @@
 
 .app-content .wizard > .steps > ul > li.done .step {
   background-color: #fff;
-  border-color: #4d5ec1;
+  border-color: #5c6bc6;
   color: #b8c2cc;
 }
 
 .app-content .wizard > .steps > ul > li.done:last-child .step {
-  background-color: #4d5ec1;
-  border-color: #4d5ec1;
+  background-color: #5c6bc6;
+  border-color: #5c6bc6;
   color: #fff;
 }
 
@@ -198,7 +198,7 @@
 }
 
 .app-content .wizard > .actions > ul > li > a {
-  background: #4d5ec1;
+  background: #5c6bc6;
   color: #fff;
   display: block;
   padding: 7px 12px;
@@ -219,7 +219,7 @@
 }
 
 .app-content .wizard > .actions > ul > li > a[href="#previous"] {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   color: #fff;
   border-radius: 0.42rem;
 }
@@ -265,7 +265,7 @@
   top: 43px;
   width: 50%;
   height: 3px;
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 .app-content .wizard.wizard-circle > .steps > ul > li.current:after {
@@ -307,13 +307,13 @@
 
   .app-content .wizard > .steps > ul > li:last-child:after {
     content: "";
-    background-color: #4d5ec1;
+    background-color: #5c6bc6;
   }
 }
 
 @media (max-width: 480px) {
   .app-content .wizard > .steps > ul > li.current:after {
-    background-color: #4d5ec1;
+    background-color: #5c6bc6;
   }
 }
 

resources/dist/css/plugins/loaders/animations/ball-grid-beat.css

@@ -27,66 +27,66 @@
 }
 
 .ball-grid-beat > div:nth-child(1) {
-  -webkit-animation-delay: -0.02s;
-          animation-delay: -0.02s;
-  -webkit-animation-duration: 1.2s;
-          animation-duration: 1.2s;
+  -webkit-animation-delay: 0.54s;
+          animation-delay: 0.54s;
+  -webkit-animation-duration: 0.79s;
+          animation-duration: 0.79s;
 }
 
 .ball-grid-beat > div:nth-child(2) {
-  -webkit-animation-delay: 0.71s;
-          animation-delay: 0.71s;
-  -webkit-animation-duration: 0.84s;
-          animation-duration: 0.84s;
+  -webkit-animation-delay: 0.29s;
+          animation-delay: 0.29s;
+  -webkit-animation-duration: 0.78s;
+          animation-duration: 0.78s;
 }
 
 .ball-grid-beat > div:nth-child(3) {
-  -webkit-animation-delay: 0.33s;
-          animation-delay: 0.33s;
-  -webkit-animation-duration: 1.41s;
-          animation-duration: 1.41s;
+  -webkit-animation-delay: 0.55s;
+          animation-delay: 0.55s;
+  -webkit-animation-duration: 1.07s;
+          animation-duration: 1.07s;
 }
 
 .ball-grid-beat > div:nth-child(4) {
-  -webkit-animation-delay: 0.06s;
-          animation-delay: 0.06s;
-  -webkit-animation-duration: 1.35s;
-          animation-duration: 1.35s;
+  -webkit-animation-delay: 0.64s;
+          animation-delay: 0.64s;
+  -webkit-animation-duration: 1.16s;
+          animation-duration: 1.16s;
 }
 
 .ball-grid-beat > div:nth-child(5) {
-  -webkit-animation-delay: 0.29s;
-          animation-delay: 0.29s;
-  -webkit-animation-duration: 0.73s;
-          animation-duration: 0.73s;
+  -webkit-animation-delay: 0.32s;
+          animation-delay: 0.32s;
+  -webkit-animation-duration: 1.54s;
+          animation-duration: 1.54s;
 }
 
 .ball-grid-beat > div:nth-child(6) {
-  -webkit-animation-delay: 0.75s;
-          animation-delay: 0.75s;
-  -webkit-animation-duration: 1.11s;
-          animation-duration: 1.11s;
+  -webkit-animation-delay: -0.07s;
+          animation-delay: -0.07s;
+  -webkit-animation-duration: 1.34s;
+          animation-duration: 1.34s;
 }
 
 .ball-grid-beat > div:nth-child(7) {
-  -webkit-animation-delay: 0.75s;
-          animation-delay: 0.75s;
-  -webkit-animation-duration: 1.46s;
-          animation-duration: 1.46s;
+  -webkit-animation-delay: 0.06s;
+          animation-delay: 0.06s;
+  -webkit-animation-duration: 0.88s;
+          animation-duration: 0.88s;
 }
 
 .ball-grid-beat > div:nth-child(8) {
-  -webkit-animation-delay: -0.06s;
-          animation-delay: -0.06s;
-  -webkit-animation-duration: 1.56s;
-          animation-duration: 1.56s;
+  -webkit-animation-delay: -0.02s;
+          animation-delay: -0.02s;
+  -webkit-animation-duration: 0.81s;
+          animation-duration: 0.81s;
 }
 
 .ball-grid-beat > div:nth-child(9) {
-  -webkit-animation-delay: 0.68s;
-          animation-delay: 0.68s;
-  -webkit-animation-duration: 1.23s;
-          animation-duration: 1.23s;
+  -webkit-animation-delay: 0.56s;
+          animation-delay: 0.56s;
+  -webkit-animation-duration: 1.09s;
+          animation-duration: 1.09s;
 }
 
 .ball-grid-beat > div {

resources/dist/css/plugins/loaders/animations/ball-grid-pulse.css

@@ -39,66 +39,66 @@
 }
 
 .ball-grid-pulse > div:nth-child(1) {
-  -webkit-animation-delay: 0.3s;
-          animation-delay: 0.3s;
-  -webkit-animation-duration: 0.81s;
-          animation-duration: 0.81s;
+  -webkit-animation-delay: 0.14s;
+          animation-delay: 0.14s;
+  -webkit-animation-duration: 1.59s;
+          animation-duration: 1.59s;
 }
 
 .ball-grid-pulse > div:nth-child(2) {
-  -webkit-animation-delay: 0.46s;
-          animation-delay: 0.46s;
-  -webkit-animation-duration: 0.86s;
-          animation-duration: 0.86s;
+  -webkit-animation-delay: 0.36s;
+          animation-delay: 0.36s;
+  -webkit-animation-duration: 1.32s;
+          animation-duration: 1.32s;
 }
 
 .ball-grid-pulse > div:nth-child(3) {
-  -webkit-animation-delay: 0.15s;
-          animation-delay: 0.15s;
-  -webkit-animation-duration: 0.82s;
-          animation-duration: 0.82s;
+  -webkit-animation-delay: 0.65s;
+          animation-delay: 0.65s;
+  -webkit-animation-duration: 0.61s;
+          animation-duration: 0.61s;
 }
 
 .ball-grid-pulse > div:nth-child(4) {
-  -webkit-animation-delay: 0.08s;
-          animation-delay: 0.08s;
-  -webkit-animation-duration: 0.96s;
-          animation-duration: 0.96s;
+  -webkit-animation-delay: 0.13s;
+          animation-delay: 0.13s;
+  -webkit-animation-duration: 1.38s;
+          animation-duration: 1.38s;
 }
 
 .ball-grid-pulse > div:nth-child(5) {
-  -webkit-animation-delay: 0.18s;
-          animation-delay: 0.18s;
-  -webkit-animation-duration: 0.98s;
-          animation-duration: 0.98s;
+  -webkit-animation-delay: -0.05s;
+          animation-delay: -0.05s;
+  -webkit-animation-duration: 0.86s;
+          animation-duration: 0.86s;
 }
 
 .ball-grid-pulse > div:nth-child(6) {
-  -webkit-animation-delay: 0.4s;
-          animation-delay: 0.4s;
-  -webkit-animation-duration: 0.95s;
-          animation-duration: 0.95s;
+  -webkit-animation-delay: 0.77s;
+          animation-delay: 0.77s;
+  -webkit-animation-duration: 0.7s;
+          animation-duration: 0.7s;
 }
 
 .ball-grid-pulse > div:nth-child(7) {
-  -webkit-animation-delay: 0.58s;
-          animation-delay: 0.58s;
-  -webkit-animation-duration: 1s;
-          animation-duration: 1s;
+  -webkit-animation-delay: 0.09s;
+          animation-delay: 0.09s;
+  -webkit-animation-duration: 0.99s;
+          animation-duration: 0.99s;
 }
 
 .ball-grid-pulse > div:nth-child(8) {
   -webkit-animation-delay: 0.61s;
           animation-delay: 0.61s;
-  -webkit-animation-duration: 1.23s;
-          animation-duration: 1.23s;
+  -webkit-animation-duration: 1.1s;
+          animation-duration: 1.1s;
 }
 
 .ball-grid-pulse > div:nth-child(9) {
-  -webkit-animation-delay: 0.03s;
-          animation-delay: 0.03s;
-  -webkit-animation-duration: 1.46s;
-          animation-duration: 1.46s;
+  -webkit-animation-delay: 0.34s;
+          animation-delay: 0.34s;
+  -webkit-animation-duration: 1.3s;
+          animation-duration: 1.3s;
 }
 
 .ball-grid-pulse > div {

resources/dist/css/plugins/loaders/animations/line-scale-random.css

@@ -31,31 +31,31 @@
 }
 
 .line-scale-party > div:nth-child(1) {
-  -webkit-animation-delay: 0.07s;
-          animation-delay: 0.07s;
-  -webkit-animation-duration: 1.1s;
-          animation-duration: 1.1s;
+  -webkit-animation-delay: 0s;
+          animation-delay: 0s;
+  -webkit-animation-duration: 0.76s;
+          animation-duration: 0.76s;
 }
 
 .line-scale-party > div:nth-child(2) {
-  -webkit-animation-delay: 0.75s;
-          animation-delay: 0.75s;
-  -webkit-animation-duration: 1.16s;
-          animation-duration: 1.16s;
+  -webkit-animation-delay: 0.79s;
+          animation-delay: 0.79s;
+  -webkit-animation-duration: 0.52s;
+          animation-duration: 0.52s;
 }
 
 .line-scale-party > div:nth-child(3) {
-  -webkit-animation-delay: -0.03s;
-          animation-delay: -0.03s;
-  -webkit-animation-duration: 0.91s;
-          animation-duration: 0.91s;
+  -webkit-animation-delay: 0.12s;
+          animation-delay: 0.12s;
+  -webkit-animation-duration: 1.07s;
+          animation-duration: 1.07s;
 }
 
 .line-scale-party > div:nth-child(4) {
-  -webkit-animation-delay: -0.06s;
-          animation-delay: -0.06s;
-  -webkit-animation-duration: 0.38s;
-          animation-duration: 0.38s;
+  -webkit-animation-delay: 0.3s;
+          animation-delay: 0.3s;
+  -webkit-animation-duration: 1.3s;
+          animation-duration: 1.3s;
 }
 
 .line-scale-party > div {

resources/dist/css/plugins/loaders/loaders.css

@@ -1454,66 +1454,66 @@
 }
 
 .ball-grid-beat > div:nth-child(1) {
-  -webkit-animation-delay: 0.5s;
-          animation-delay: 0.5s;
-  -webkit-animation-duration: 0.79s;
-          animation-duration: 0.79s;
+  -webkit-animation-delay: -0.12s;
+          animation-delay: -0.12s;
+  -webkit-animation-duration: 0.96s;
+          animation-duration: 0.96s;
 }
 
 .ball-grid-beat > div:nth-child(2) {
-  -webkit-animation-delay: 0.4s;
-          animation-delay: 0.4s;
-  -webkit-animation-duration: 0.67s;
-          animation-duration: 0.67s;
+  -webkit-animation-delay: 0.24s;
+          animation-delay: 0.24s;
+  -webkit-animation-duration: 0.81s;
+          animation-duration: 0.81s;
 }
 
 .ball-grid-beat > div:nth-child(3) {
-  -webkit-animation-delay: -0.06s;
-          animation-delay: -0.06s;
-  -webkit-animation-duration: 1.5s;
-          animation-duration: 1.5s;
+  -webkit-animation-delay: 0.11s;
+          animation-delay: 0.11s;
+  -webkit-animation-duration: 1.42s;
+          animation-duration: 1.42s;
 }
 
 .ball-grid-beat > div:nth-child(4) {
-  -webkit-animation-delay: 0.26s;
-          animation-delay: 0.26s;
-  -webkit-animation-duration: 1.22s;
-          animation-duration: 1.22s;
+  -webkit-animation-delay: 0.16s;
+          animation-delay: 0.16s;
+  -webkit-animation-duration: 0.73s;
+          animation-duration: 0.73s;
 }
 
 .ball-grid-beat > div:nth-child(5) {
-  -webkit-animation-delay: 0.42s;
-          animation-delay: 0.42s;
-  -webkit-animation-duration: 1.14s;
-          animation-duration: 1.14s;
+  -webkit-animation-delay: 0.39s;
+          animation-delay: 0.39s;
+  -webkit-animation-duration: 1.45s;
+          animation-duration: 1.45s;
 }
 
 .ball-grid-beat > div:nth-child(6) {
-  -webkit-animation-delay: 0.36s;
-          animation-delay: 0.36s;
-  -webkit-animation-duration: 0.8s;
-          animation-duration: 0.8s;
+  -webkit-animation-delay: -0.02s;
+          animation-delay: -0.02s;
+  -webkit-animation-duration: 1.11s;
+          animation-duration: 1.11s;
 }
 
 .ball-grid-beat > div:nth-child(7) {
-  -webkit-animation-delay: 0.18s;
-          animation-delay: 0.18s;
-  -webkit-animation-duration: 1.36s;
-          animation-duration: 1.36s;
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
+  -webkit-animation-duration: 1.03s;
+          animation-duration: 1.03s;
 }
 
 .ball-grid-beat > div:nth-child(8) {
-  -webkit-animation-delay: 0.54s;
-          animation-delay: 0.54s;
-  -webkit-animation-duration: 1.59s;
-          animation-duration: 1.59s;
+  -webkit-animation-delay: 0.42s;
+          animation-delay: 0.42s;
+  -webkit-animation-duration: 1.55s;
+          animation-duration: 1.55s;
 }
 
 .ball-grid-beat > div:nth-child(9) {
-  -webkit-animation-delay: -0.08s;
-          animation-delay: -0.08s;
-  -webkit-animation-duration: 1.08s;
-          animation-duration: 1.08s;
+  -webkit-animation-delay: 0.17s;
+          animation-delay: 0.17s;
+  -webkit-animation-duration: 1.34s;
+          animation-duration: 1.34s;
 }
 
 .ball-grid-beat > div {
@@ -1575,66 +1575,66 @@
 }
 
 .ball-grid-pulse > div:nth-child(1) {
-  -webkit-animation-delay: 0.11s;
-          animation-delay: 0.11s;
-  -webkit-animation-duration: 0.72s;
-          animation-duration: 0.72s;
+  -webkit-animation-delay: 0.27s;
+          animation-delay: 0.27s;
+  -webkit-animation-duration: 1.01s;
+          animation-duration: 1.01s;
 }
 
 .ball-grid-pulse > div:nth-child(2) {
-  -webkit-animation-delay: -0.16s;
-          animation-delay: -0.16s;
-  -webkit-animation-duration: 1s;
-          animation-duration: 1s;
+  -webkit-animation-delay: 0.19s;
+          animation-delay: 0.19s;
+  -webkit-animation-duration: 1.14s;
+          animation-duration: 1.14s;
 }
 
 .ball-grid-pulse > div:nth-child(3) {
-  -webkit-animation-delay: 0.44s;
-          animation-delay: 0.44s;
-  -webkit-animation-duration: 1.58s;
-          animation-duration: 1.58s;
+  -webkit-animation-delay: 0.1s;
+          animation-delay: 0.1s;
+  -webkit-animation-duration: 1.11s;
+          animation-duration: 1.11s;
 }
 
 .ball-grid-pulse > div:nth-child(4) {
-  -webkit-animation-delay: 0.65s;
-          animation-delay: 0.65s;
-  -webkit-animation-duration: 1.24s;
-          animation-duration: 1.24s;
+  -webkit-animation-delay: 0.44s;
+          animation-delay: 0.44s;
+  -webkit-animation-duration: 1.51s;
+          animation-duration: 1.51s;
 }
 
 .ball-grid-pulse > div:nth-child(5) {
-  -webkit-animation-delay: 0.71s;
-          animation-delay: 0.71s;
-  -webkit-animation-duration: 1.27s;
-          animation-duration: 1.27s;
+  -webkit-animation-delay: 0.74s;
+          animation-delay: 0.74s;
+  -webkit-animation-duration: 1.58s;
+          animation-duration: 1.58s;
 }
 
 .ball-grid-pulse > div:nth-child(6) {
-  -webkit-animation-delay: 0.26s;
-          animation-delay: 0.26s;
-  -webkit-animation-duration: 0.61s;
-          animation-duration: 0.61s;
+  -webkit-animation-delay: 0.05s;
+          animation-delay: 0.05s;
+  -webkit-animation-duration: 0.7s;
+          animation-duration: 0.7s;
 }
 
 .ball-grid-pulse > div:nth-child(7) {
-  -webkit-animation-delay: -0.09s;
-          animation-delay: -0.09s;
-  -webkit-animation-duration: 0.87s;
-          animation-duration: 0.87s;
+  -webkit-animation-delay: 0.43s;
+          animation-delay: 0.43s;
+  -webkit-animation-duration: 1.31s;
+          animation-duration: 1.31s;
 }
 
 .ball-grid-pulse > div:nth-child(8) {
-  -webkit-animation-delay: 0.66s;
-          animation-delay: 0.66s;
-  -webkit-animation-duration: 1.42s;
-          animation-duration: 1.42s;
+  -webkit-animation-delay: 0.11s;
+          animation-delay: 0.11s;
+  -webkit-animation-duration: 0.84s;
+          animation-duration: 0.84s;
 }
 
 .ball-grid-pulse > div:nth-child(9) {
-  -webkit-animation-delay: -0.14s;
-          animation-delay: -0.14s;
-  -webkit-animation-duration: 1.53s;
-          animation-duration: 1.53s;
+  -webkit-animation-delay: 0.51s;
+          animation-delay: 0.51s;
+  -webkit-animation-duration: 1.08s;
+          animation-duration: 1.08s;
 }
 
 .ball-grid-pulse > div {
@@ -2181,31 +2181,31 @@
 }
 
 .line-scale-party > div:nth-child(1) {
-  -webkit-animation-delay: -0.05s;
-          animation-delay: -0.05s;
-  -webkit-animation-duration: 1.11s;
-          animation-duration: 1.11s;
+  -webkit-animation-delay: -0.18s;
+          animation-delay: -0.18s;
+  -webkit-animation-duration: 0.42s;
+          animation-duration: 0.42s;
 }
 
 .line-scale-party > div:nth-child(2) {
-  -webkit-animation-delay: 0.42s;
-          animation-delay: 0.42s;
-  -webkit-animation-duration: 0.41s;
-          animation-duration: 0.41s;
+  -webkit-animation-delay: -0.18s;
+          animation-delay: -0.18s;
+  -webkit-animation-duration: 0.46s;
+          animation-duration: 0.46s;
 }
 
 .line-scale-party > div:nth-child(3) {
-  -webkit-animation-delay: 0.03s;
-          animation-delay: 0.03s;
-  -webkit-animation-duration: 0.41s;
-          animation-duration: 0.41s;
+  -webkit-animation-delay: 0.7s;
+          animation-delay: 0.7s;
+  -webkit-animation-duration: 1.19s;
+          animation-duration: 1.19s;
 }
 
 .line-scale-party > div:nth-child(4) {
-  -webkit-animation-delay: 0.64s;
-          animation-delay: 0.64s;
-  -webkit-animation-duration: 0.6s;
-          animation-duration: 0.6s;
+  -webkit-animation-delay: 0.07s;
+          animation-delay: 0.07s;
+  -webkit-animation-duration: 1.15s;
+          animation-duration: 1.15s;
 }
 
 .line-scale-party > div {

resources/dist/css/plugins/pickers/bootstrap-datetimepicker-build.css

@@ -277,7 +277,7 @@
   content: "";
   display: inline-block;
   border: 0 0 7px 7px solid transparent;
-  border-bottom-color: #4d5ec1;
+  border-bottom-color: #5c6bc6;
   border-top-color: rgba(0, 0, 0, 0.2);
   position: absolute;
   bottom: 4px;
@@ -286,7 +286,7 @@
 
 .bootstrap-datetimepicker-widget table td.active,
 .bootstrap-datetimepicker-widget table td.active:hover {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   color: #fff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 }
@@ -317,7 +317,7 @@
 }
 
 .bootstrap-datetimepicker-widget table td span.active {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   color: #fff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 }

resources/dist/css/plugins/tour/tour.css

@@ -14,11 +14,11 @@
 }
 
 .tippy-popper .tippy-tooltip .tippy-arrow {
-  border-bottom-color: #4d5ec1;
+  border-bottom-color: #5c6bc6;
 }
 
 .tippy-popper .tippy-tooltip .tippy-content .shepherd-content {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   padding: 1.3rem 1rem;
   border-radius: 0.5rem;
 }
@@ -59,21 +59,21 @@
 
 .tippy-popper[x-placement=top] .tippy-arrow {
   border-color: transparent;
-  border-top-color: #4d5ec1;
+  border-top-color: #5c6bc6;
 }
 
 .tippy-popper[x-placement=bottom] .tippy-arrow {
   border-color: transparent;
-  border-bottom-color: #4d5ec1;
+  border-bottom-color: #5c6bc6;
 }
 
 .tippy-popper[x-placement=right] .tippy-arrow {
   border-color: transparent;
-  border-right-color: #4d5ec1;
+  border-right-color: #5c6bc6;
 }
 
 .tippy-popper[x-placement=left] .tippy-arrow {
   border-color: transparent;
-  border-left-color: #4d5ec1;
+  border-left-color: #5c6bc6;
 }
 

resources/dist/css/themes/dark-layout.css

@@ -30,7 +30,7 @@ body.dark-layout [class*=border] {
 }
 
 body.dark-layout a:hover {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 body.dark-layout p,
@@ -272,7 +272,7 @@ body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .action-btns .
 
 body.dark-layout .data-list-view-header .dataTables_wrapper .top .action-btns .dt-buttons .btn.btn-outline-primary span,
 body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .action-btns .dt-buttons .btn.btn-outline-primary span {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 body.dark-layout .data-list-view-header .dataTables_wrapper .top .action-btns .dt-buttons .btn.btn-outline-primary:hover,
@@ -299,7 +299,7 @@ body.dark-layout .data-thumb-view-header .dataTables_wrapper .pagination .page-i
 
 body.dark-layout .data-list-view-header .dataTables_wrapper .pagination .page-item.active .page-link,
 body.dark-layout .data-thumb-view-header .dataTables_wrapper .pagination .page-item.active .page-link {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 body.dark-layout .data-list-view-header .dataTables_wrapper .pagination .page-item .page-link,
@@ -314,8 +314,8 @@ body.dark-layout .data-thumb-view-header .dataTable tbody tr {
 
 body.dark-layout .data-list-view-header .dataTable tbody tr.selected td,
 body.dark-layout .data-thumb-view-header .dataTable tbody tr.selected td {
-  background-color: rgba(77, 94, 193, 0.05);
-  color: #4d5ec1;
+  background-color: rgba(92, 107, 198, 0.05);
+  color: #5c6bc6;
 }
 
 body.dark-layout .data-list-view-header .add-new-data,
@@ -395,7 +395,7 @@ body.dark-layout .content-header-left .breadcrumbs-top .breadcrumb-wrapper .brea
 }
 
 body.dark-layout .content-header-left .breadcrumbs-top .breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(.active) a:hover {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 body.dark-layout #default-breadcrumb .breadcrumb .breadcrumb-item,
@@ -410,7 +410,7 @@ body.dark-layout #breadcrumb-alignment .breadcrumb .breadcrumb-item:before {
 
 body.dark-layout #default-breadcrumb .breadcrumb .breadcrumb-item:not(.active) a:hover,
 body.dark-layout #breadcrumb-alignment .breadcrumb .breadcrumb-item:not(.active) a:hover {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item {
@@ -426,7 +426,7 @@ body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item:before {
 }
 
 body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item.active {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 body.dark-layout .collapse-bordered .collapse-header {
@@ -514,7 +514,7 @@ body.dark-layout .search-bar .form-control {
 }
 
 body.dark-layout .btn-white ~ .dropdown-menu .dropdown-item:not(.acitve):hover {
-  color: #4d5ec1 !important;
+  color: #5c6bc6 !important;
 }
 
 body.dark-layout .btn-dark ~ .dropdown-menu .dropdown-item:hover,
@@ -569,7 +569,7 @@ body.dark-layout .pagination:not([class*=pagination-]) .page-item.active {
 }
 
 body.dark-layout .pagination:not([class*=pagination-]) .page-item.active .page-link {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 body.dark-layout .pagination:not([class*=pagination-]) .page-item.active .page-link:hover {
@@ -582,7 +582,7 @@ body.dark-layout .pagination:not([class*=pagination-]) .page-item .page-link {
 }
 
 body.dark-layout .pagination:not([class*=pagination-]) .page-item .page-link:hover {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 body.dark-layout .pagination:not([class*=pagination-]) .page-item.prev-item .page-link:hover,
@@ -609,7 +609,7 @@ body.dark-layout .nav .nav-item .nav-link {
 
 body.dark-layout .nav .nav-item .nav-link.active,
 body.dark-layout .nav .nav-item .nav-link:hover {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 body.dark-layout #navbar-component #basic-navbar .navbar {
@@ -663,7 +663,7 @@ body.dark-layout .nav-vertical .nav.nav-tabs.nav-right ~ .tab-content .tab-pane
 
 body.dark-layout .nav-pills .nav-item .nav-link.active {
   color: #fff;
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 body.dark-layout .nav-pills.nav-active-bordered-pill .nav-item .nav-link.active {
@@ -708,7 +708,7 @@ body.dark-layout .activity-timeline {
 }
 
 body.dark-layout #dashboard-analytics .bg-analytics {
-  background: linear-gradient(118deg, #4d5ec1, rgba(77, 94, 193, 0.7));
+  background: linear-gradient(118deg, #5c6bc6, rgba(92, 107, 198, 0.7));
 }
 
 body.dark-layout #dashboard-analytics .bg-analytics p {
@@ -762,7 +762,7 @@ body.dark-layout .popover[x-placement=top] .arrow:after {
 }
 
 body.dark-layout .popover[x-placement=bottom] .arrow:after {
-  border-bottom-color: #4d5ec1;
+  border-bottom-color: #5c6bc6;
 }
 
 body.dark-layout .popover[x-placement=left] .arrow:after {
@@ -848,12 +848,12 @@ body.dark-layout .list-group .list-group-item.list-group-item-action:hover {
 }
 
 body.dark-layout .list-group .list-group-item.active {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
   color: #fff;
 }
 
 body.dark-layout .list-group .list-group-item.active:hover {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 body.dark-layout .list-group .list-group-item.active p,
@@ -914,7 +914,7 @@ body.dark-layout textarea.form-control ~ .form-control-position i {
 body.dark-layout input.form-control:focus ~ .form-control-position i,
 body.dark-layout .custom-file-label:focus ~ .form-control-position i,
 body.dark-layout textarea.form-control:focus ~ .form-control-position i {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 body.dark-layout input.form-control:disabled,
@@ -1006,7 +1006,7 @@ body.dark-layout .select2-container .select2-dropdown.bg-info .select2-results__
 }
 
 body.dark-layout .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true] {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 body.dark-layout .select2-container.select2-container--classic .selection .select2-selection__arrow {
@@ -1020,11 +1020,11 @@ body.dark-layout .custom-switch .custom-control-input[disabled] ~ .custom-contro
 }
 
 body.dark-layout .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 body.dark-layout .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 body.dark-layout .custom-switch .custom-control-label:before {
@@ -1340,7 +1340,7 @@ body.dark-layout .aggrid .ag-icon.ag-icon-checkbox-checked,
 body.dark-layout .aggrid .ag-icon.ag-icon-checkbox-indeterminate,
 body.dark-layout .ag-header .ag-icon.ag-icon-checkbox-checked,
 body.dark-layout .ag-header .ag-icon.ag-icon-checkbox-indeterminate {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 body.dark-layout .aggrid .ag-header-cell,
@@ -1428,7 +1428,7 @@ body.dark-layout .ag-header ::-webkit-scrollbar-track {
 
 body.dark-layout .aggrid ::-webkit-scrollbar-thumb,
 body.dark-layout .ag-header ::-webkit-scrollbar-thumb {
-  background: #4d5ec1;
+  background: #5c6bc6;
 }
 
 body.dark-layout .bg-authentication {
@@ -1473,7 +1473,7 @@ body.dark-layout #search-website .search-pagination .pagination .page-item {
 }
 
 body.dark-layout #search-website .search-pagination .pagination .page-item.active .page-link {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 body.dark-layout #search-website .search-pagination .pagination .page-item .page-link {
@@ -1499,7 +1499,7 @@ body.dark-layout .search-content .card .card-body .text-dark {
 
 body.dark-layout .knowledge-base-category .list-group .list-group-item,
 body.dark-layout .knowledge-base-question .list-group .list-group-item {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 body.dark-layout .invoice-items-table .table-borderless,
@@ -1625,7 +1625,7 @@ body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed
 }
 
 body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control:focus ~ .form-control-position i {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control-position i {
@@ -1649,7 +1649,7 @@ body.dark-layout.email-application .app-content .content-area-wrapper .email-app
 body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-messages .list-group-item.active:hover,
 body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-labels .list-group-item.active,
 body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-labels .list-group-item.active:hover {
-  color: #4d5ec1;
+  color: #5c6bc6;
 }
 
 body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-messages .list-group-item:hover,
@@ -1934,7 +1934,7 @@ body.dark-layout.ecommerce-application .content-body .pagination .page-item.acti
 
 body.dark-layout.ecommerce-application .content-right .pagination .page-item.active .page-link,
 body.dark-layout.ecommerce-application .content-body .pagination .page-item.active .page-link {
-  background-color: #4d5ec1;
+  background-color: #5c6bc6;
 }
 
 body.dark-layout.ecommerce-application .content-right .pagination .page-item .page-link,
@@ -2013,7 +2013,7 @@ body.dark-layout .toast-container .toast.toast-info {
 }
 
 body.dark-layout .toast-container .toast.toast-success {
-  background-color: #28c76f;
+  background-color: #21b978;
 }
 
 body.dark-layout .toast-container .toast.toast-error {
@@ -2127,8 +2127,8 @@ body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu .nav-item.ac
 }
 
 body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu .nav-item.active ul li.active a {
-  background: linear-gradient(118deg, #4d5ec1, rgba(77, 94, 193, 0.7)) !important;
-  box-shadow: 0px 0px 6px 1px rgba(77, 94, 193, 0.6) !important;
+  background: linear-gradient(118deg, #5c6bc6, rgba(92, 107, 198, 0.7)) !important;
+  box-shadow: 0px 0px 6px 1px rgba(92, 107, 198, 0.6) !important;
   color: #fff;
 }
 

resources/dist/dcat/css/app.css

@@ -7,7 +7,7 @@
 }
 
 #nprogress .bar {
-  background: rgba(77, 94, 193, 0.8);
+  background: rgba(92, 107, 198, 0.8);
   position: fixed;
   z-index: 1031;
   top: 0;
@@ -22,7 +22,7 @@
   right: 0;
   width: 100px;
   height: 100%;
-  box-shadow: 0 0 10px #4d5ec1, 0 0 5px #4d5ec1;
+  box-shadow: 0 0 10px #5c6bc6, 0 0 5px #5c6bc6;
   opacity: 1;
   transform: rotate(3deg) translate(0, -4px);
 }
@@ -40,8 +40,8 @@
   height: 18px;
   box-sizing: border-box;
   border: solid 2px transparent;
-  border-top-color: #4d5ec1;
-  border-left-color: #4d5ec1;
+  border-top-color: #5c6bc6;
+  border-left-color: #5c6bc6;
   border-radius: 50%;
   -webkit-animation: nprogress-spinner 0.4s linear infinite;
   animation: nprogress-spinner 0.4s linear infinite;

src/Grid/Column/Sorter.php

@@ -67,9 +67,12 @@ class Sorter implements Renderable
     {
         $type = 'desc';
         $icon = 'up';
+        $active = '';
 
-        if ($isSorted = $this->isSorted()) {
+        if ($this->isSorted()) {
             $type = $this->sort['type'] == 'desc' ? 'asc' : 'desc';
+            $active = 'active';
+
             if ($this->sort['type'] === 'asc') {
                 $icon = 'down';
             }
@@ -91,15 +94,6 @@ class Sorter implements Renderable
             ]);
         }
 
-        if ($isSorted) {
-            return "&nbsp;<a href='{$url}' class='feather icon-arrow-{$icon} active'></a>";
-        }
-
-        return <<<HTML
-<a href="{$url}" class="grid-sort">
-    <span class="pull-left up"></span>
-    <span class="pull-left down"></span>
-</a>
-HTML;
+        return "&nbsp;<a href='{$url}' class='feather icon-arrow-{$icon} {$active}'></a>";
     }
 }