From 6fce1c0dc679fa13c507700f014848bcc8256e07 Mon Sep 17 00:00:00 2001 From: jokin <327928971@qq.com> Date: Fri, 26 Jul 2019 12:46:18 +0800 Subject: [PATCH] change success color --- assets/css/components.css | 27 ++++++------------ assets/css/rtl.css | 2 -- assets/css/style.css | 55 ++++++++++++++++--------------------- sources/scss/_variable.scss | 2 +- 4 files changed, 33 insertions(+), 53 deletions(-) diff --git a/assets/css/components.css b/assets/css/components.css index bff4560..2fcd2d9 100644 --- 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; diff --git a/assets/css/rtl.css b/assets/css/rtl.css index 7e371fa..aa2c3b9 100644 --- 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; diff --git a/assets/css/style.css b/assets/css/style.css index 66abf5f..3f1f654 100644 --- 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; } diff --git a/sources/scss/_variable.scss b/sources/scss/_variable.scss index a58d9ae..48464b8 100644 --- 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,