Merge pull request #77 from jokin1999/master

change success color

assets/css/components.css

@@ -310,7 +310,6 @@
     position: absolute;
     top: 50%;
     right: -5px;
-    -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); }
     .chat-box .chat-form .btn i {
@@ -356,7 +355,6 @@ div.dataTables_wrapper div.dataTables_processing {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
   top: 50% !important;
   left: 50% !important;
-  -webkit-transform: translate(-50%, -50%) !important;
   transform: translate(-50%, -50%) !important;
   margin: 0 !important;
   opacity: 1 !important; }
@@ -599,7 +597,6 @@ tr:first-child > td > .fc-day-grid-event {
       top: 100%;
       left: 50%;
       width: 100%;
-      -webkit-transform: translate(-50%, -100%);
       transform: translate(-50%, -100%);
       font-family: 'Segoe UI';
       font-size: 12px;
@@ -678,7 +675,6 @@ tr:first-child > td > .fc-day-grid-event {
 @media (max-width: 575.98px) {
   .profile-widget .profile-widget-picture {
     left: 50%;
-    -webkit-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
     margin: 40px 0;
     float: none; }
@@ -809,7 +805,6 @@ tr:first-child > td > .fc-day-grid-event {
   position: absolute;
   top: 50%;
   left: 35px;
-  -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   margin: 0;
   background-color: #000;
@@ -1003,7 +998,7 @@ tr:first-child > td > .fc-day-grid-event {
   background-color: #ffa426; }
 
 .toast.toast-success {
-  background-color: #63ed7a; }
+  background-color: #47c363; }
 
 .toast.toast-info {
   background-color: #fff; }
@@ -1512,7 +1507,7 @@ tr:first-child > td > .fc-day-grid-event {
         line-height: 20px;
         border-radius: 50%;
         text-align: center;
-        background-color: #63ed7a;
+        background-color: #47c363;
         color: #fff;
         margin-right: 10px; }
         .pricing .pricing-details .pricing-item .pricing-item-icon i {
@@ -1613,8 +1608,7 @@ tr:first-child > td > .fc-day-grid-event {
     padding: .1rem;
     position: absolute;
     right: 14.64%;
-    -webkit-transform: translate(50%, 50%);
+    transform: translate(50%, 50%);
-            transform: translate(50%, 50%);
     width: 50%;
     z-index: 2; }
   .avatar .avatar-presence {
@@ -1624,8 +1618,7 @@ tr:first-child > td > .fc-day-grid-event {
     padding: .1rem;
     position: absolute;
     right: 14.64%;
-    -webkit-transform: translate(50%, 50%);
+    transform: translate(50%, 50%);
-            transform: translate(50%, 50%);
     width: 50%;
     z-index: 2;
     background: #bcc3ce;
@@ -1634,7 +1627,7 @@ tr:first-child > td > .fc-day-grid-event {
     height: .5em;
     width: .5em; }
     .avatar .avatar-presence.online {
-      background: #63ed7a; }
+      background: #47c363; }
     .avatar .avatar-presence.busy {
       background: #fc544b; }
     .avatar .avatar-presence.away {
@@ -1645,8 +1638,7 @@ tr:first-child > td > .fc-day-grid-event {
     left: 50%;
     position: absolute;
     top: 50%;
-    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
-            transform: translate(-50%, -50%);
     z-index: 1; }
 
 /* 1.42 Wizard */
@@ -1674,8 +1666,7 @@ tr:first-child > td > .fc-day-grid-event {
       position: absolute;
       bottom: -40px;
       left: 50%;
-      -webkit-transform: translateX(-50%);
+      transform: translateX(-50%);
-              transform: translateX(-50%);
       width: 20px;
       height: 20px;
       line-height: 21px;
@@ -1691,10 +1682,10 @@ tr:first-child > td > .fc-day-grid-event {
         background-color: #6777ef;
         color: #fff; }
     .wizard-steps .wizard-step.wizard-step-success {
-      background-color: #63ed7a;
+      background-color: #47c363;
       color: #fff; }
       .wizard-steps .wizard-step.wizard-step-success:before {
-        background-color: #63ed7a;
+        background-color: #47c363;
         color: #fff; }
     .wizard-steps .wizard-step.wizard-step-danger {
       background-color: #fc544b;

assets/css/rtl.css

@@ -337,7 +337,6 @@ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link.has-d
   body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item > .nav-link.has-dropdown::after {
     position: absolute;
     top: 50%;
-    -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%);
     font-size: 12px;
     right: unset;
@@ -355,7 +354,6 @@ body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item.active > .nav-lin
 body.layout-3 .navbar.navbar-secondary .navbar-nav > .nav-item .dropdown-menu .nav-item .nav-link.has-dropdown::after {
   position: absolute;
   top: 50%;
-  -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   font-size: 12px;
   right: unset;

assets/css/style.css

@@ -83,7 +83,7 @@ a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab {
   background-color: #cdd3d8 !important; }
 
 .bg-success {
-  background-color: #63ed7a !important; }
+  background-color: #47c363 !important; }
 
 .bg-info {
   background-color: #3abaf4 !important; }
@@ -107,7 +107,7 @@ a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab {
   color: #cdd3d8 !important; }
 
 .text-success, .text-success-all *, .text-success-all *:before, .text-success-all *:after {
-  color: #63ed7a !important; }
+  color: #47c363 !important; }
 
 .text-info, .text-info-all *, .text-info-all *:before, .text-info-all *:after {
   color: #3abaf4 !important; }
@@ -531,7 +531,7 @@ select.form-control:not([size]):not([multiple]) {
   color: #fff; }
 
 .list-group-item-success {
-  background-color: #63ed7a;
+  background-color: #47c363;
   color: #fff; }
 
 .list-group-item-danger {
@@ -585,7 +585,7 @@ select.form-control:not([size]):not([multiple]) {
   .alert.alert-secondary {
     background-color: #cdd3d8; }
   .alert.alert-success {
-    background-color: #63ed7a; }
+    background-color: #47c363; }
   .alert.alert-info {
     background-color: #3abaf4; }
   .alert.alert-warning {
@@ -710,14 +710,12 @@ select.form-control:not([size]):not([multiple]) {
     position: absolute;
     top: 66%;
     left: 50%;
-    -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     z-index: 999;
     color: #fff !important;
     padding: 5px 13px; }
   .card.card-progress.remove-spinner .card-progress-dismiss {
     top: 50%;
-    -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%); }
   .card.card-progress:not(.remove-spinner):after {
     background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQogd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzAwMCIgZD0iTTQzLjkzNSwyNS4xNDVjMC0xMC4zMTgtOC4zNjQtMTguNjgzLTE4LjY4My0xOC42ODNjLTEwLjMxOCwwLTE4LjY4Myw4LjM2NS0xOC42ODMsMTguNjgzaDQuMDY4YzAtOC4wNzEsNi41NDMtMTQuNjE1LDE0LjYxNS0xNC42MTVjOC4wNzIsMCwxNC42MTUsNi41NDMsMTQuNjE1LDE0LjYxNUg0My45MzV6Ij4NCjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCINCiAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIg0KICB0eXBlPSJyb3RhdGUiDQogIGZyb209IjAgMjUgMjUiDQogIHRvPSIzNjAgMjUgMjUiDQogIGR1cj0iMC42cyINCiAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4NCjwvcGF0aD4NCjwvc3ZnPg0K");
@@ -729,7 +727,7 @@ select.form-control:not([size]):not([multiple]) {
   .card.card-secondary {
     border-top: 2px solid #34395e; }
   .card.card-success {
-    border-top: 2px solid #63ed7a; }
+    border-top: 2px solid #47c363; }
   .card.card-danger {
     border-top: 2px solid #fc544b; }
   .card.card-warning {
@@ -1097,7 +1095,7 @@ table tr:hover .table-links {
   .badge.badge-secondary {
     background-color: #34395e; }
   .badge.badge-success {
-    background-color: #63ed7a; }
+    background-color: #47c363; }
   .badge.badge-info {
     background-color: #3abaf4; }
   .badge.badge-danger {
@@ -1241,16 +1239,16 @@ h6 .badge {
   color: #fff !important; }
 
 .btn-success, .btn-success.disabled {
-  box-shadow: 0 2px 6px #a8f5b4;
+  box-shadow: 0 2px 6px #81d694;
-  background-color: #63ed7a;
+  background-color: #47c363;
-  border-color: #63ed7a;
+  border-color: #47c363;
   color: #fff; }
   .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active {
-    background-color: #4cea67 !important;
+    background-color: #3bb557 !important;
     color: #fff !important; }
 
 .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.disabled:hover, .btn-outline-success.disabled:focus, .btn-outline-success.disabled:active {
-  background-color: #63ed7a !important;
+  background-color: #47c363 !important;
   color: #fff !important; }
 
 .btn-danger, .btn-danger.disabled {
@@ -1488,7 +1486,6 @@ h6 .badge {
     bottom: -15px;
     font-size: 26px;
     left: 50%;
-    -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     color: #fff; }
 
@@ -1934,14 +1931,14 @@ a.dropdown-item {
 /* 4.1 Misc */
 :root {
   /* Colors */
-  --primary: color(primary);
+  --primary:  #6777ef;
-  --secondary: color(fontdark);
+  --secondary:  #34395e;
-  --success: color(success);
+  --success:  #47c363;
-  --info: color(info);
+  --info:  #3abaf4;
-  --warning: color(warning);
+  --warning:  #ffa426;
-  --danger: color(danger);
+  --danger:  #fc544b;
-  --light: color(light);
+  --light:  #e3eaef;
-  --dark: color(dark); }
+  --dark:  #191d21; }
 
 body, html {
   min-height: 100%; }
@@ -2135,7 +2132,7 @@ pre {
   box-shadow: 0 2px 6px #e1e5e8; }
 
 .shadow-success {
-  box-shadow: 0 2px 6px #a8f5b4; }
+  box-shadow: 0 2px 6px #81d694; }
 
 .shadow-warning {
   box-shadow: 0 2px 6px #ffc473; }
@@ -2155,7 +2152,7 @@ pre {
 .is-online {
   width: 10px;
   height: 10px;
-  background-color: #63ed7a;
+  background-color: #47c363;
   border-radius: 50%;
   display: inline-block; }
 
@@ -2567,7 +2564,6 @@ body.sidebar-mini .main-sidebar {
           position: absolute;
           top: 50%;
           right: 20px;
-          -webkit-transform: translate(0, -50%);
           transform: translate(0, -50%);
           font-size: 12px;
           transition: all .5s; }
@@ -2681,7 +2677,6 @@ body.layout-3 .navbar.navbar-secondary {
         position: absolute;
         top: 50%;
         right: 20px;
-        -webkit-transform: translate(0, -50%);
         transform: translate(0, -50%);
         font-size: 12px;
         transition: all .5s;
@@ -2718,7 +2713,6 @@ body.layout-3 .navbar.navbar-secondary {
         position: absolute;
         top: 50%;
         right: 20px;
-        -webkit-transform: translate(0, -50%);
         transform: translate(0, -50%);
         font-size: 12px;
         transition: all .5s;
@@ -2813,8 +2807,7 @@ body.layout-3 .main-footer {
       font-weight: 600;
       background-color: #f8fafb; }
       .main-sidebar .sidebar-menu li.active a.has-dropdown:after {
-        -webkit-transform: translate(0, -50%) rotate(90deg);
+        transform: translate(0, -50%) rotate(90deg); }
-                transform: translate(0, -50%) rotate(90deg); }
     .main-sidebar .sidebar-menu li.active ul.dropdown-menu {
       background-color: #f8fafb; }
     .main-sidebar .sidebar-menu li a.has-dropdown:after {
@@ -2824,7 +2817,6 @@ body.layout-3 .main-footer {
       position: absolute;
       top: 50%;
       right: 20px;
-      -webkit-transform: translate(0, -50%);
       transform: translate(0, -50%);
       font-size: 12px;
       transition: all .5s; }
@@ -2902,8 +2894,7 @@ body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a {
     position: absolute;
     left: 0;
     top: 50%;
-    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%);
-            transform: translateY(-50%);
     height: 25px;
     width: 4px;
     background-color: #6777ef; }

sources/scss/_variable.scss

@@ -1,7 +1,7 @@
 $colors: (
   primary:    		#6777ef,
   secondary:      #cdd3d8,
-  success:        #63ed7a,
+  success:        #47c363,
   info:           #3abaf4,
   warning:        #ffa426,
   danger:         #fc544b,