Merge pull request #77 from jokin1999/master

change success color
2025-08-30 19:39:58 +02:00 · 2019-07-26 13:23:59 +07:00
parent 05a21ac755 6fce1c0dc6
commit 2e6caf5876
4 changed files with 33 additions and 53 deletions
--- a/assets/css/components.css
+++ b/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;
--- a/assets/css/rtl.css
+++ b/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;
--- a/assets/css/style.css
+++ b/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;
-  background-color: #63ed7a;
-  border-color: #63ed7a;
+  box-shadow: 0 2px 6px #81d694;
+  background-color: #47c363;
+  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);
-  --secondary: color(fontdark);
-  --success: color(success);
-  --info: color(info);
-  --warning: color(warning);
-  --danger: color(danger);
-  --light: color(light);
-  --dark: color(dark); }
+  --primary:  #6777ef;
+  --secondary:  #34395e;
+  --success:  #47c363;
+  --info:  #3abaf4;
+  --warning:  #ffa426;
+  --danger:  #fc544b;
+  --light:  #e3eaef;
+  --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; }
--- a/sources/scss/_variable.scss
+++ b/sources/scss/_variable.scss
@@ -1,7 +1,7 @@
 $colors: (
  primary:    		#6777ef,
  secondary:      #cdd3d8,
-  success:        #63ed7a,
+  success:        #47c363,
  info:           #3abaf4,
  warning:        #ffa426,
  danger:         #fc544b,