New Logo

login/resources/css/custom.css

@@ -1,6 +1,12 @@
+:root {
+  --main-color: #00c2c2;
+  --secondary-color: #b3ffff;
+  --background-color: #fff;
+}
+
 body {
-    font-family: "Karla", sans-serif;
+  font-family: 'Karla', sans-serif;
-    background-color: #fff;
+  background-color: var(--background-color);
   min-height: 100vh;
 }
 
@@ -20,7 +26,7 @@ body {
   -webkit-box-direction: normal;
   flex-direction: column;
   padding: 68px 100px;
-    background-color: #fff;
+  background-color: var(--background-color);
 }
 
 @media (max-width: 991px) {
@@ -59,7 +65,7 @@ body {
 
 .login-wrapper .form-control {
   border: none;
-    border-bottom: 1px solid #b3ffff;
+  border-bottom: 1px solid var(--secondary-color);
   border-radius: 0;
   padding: 9px 5px;
   min-height: 40px;
@@ -89,18 +95,18 @@ body {
 
 .login-wrapper .login-btn {
   padding: 13px 20px;
-    background-color: #00c2c2;
+  background-color: var(--main-color);
   border-radius: 0;
   font-size: 20px;
   font-weight: bold;
-    color: #fff;
+  color: var(--background-color);
   margin-bottom: 14px;
 }
 
 .login-wrapper .login-btn:hover {
-    border: 1px solid #00c2c2;
+  border: 1px solid var(--main-color);
-    background-color: #fff;
+  background-color: var(--background-color);
-    color: #00c2c2;
+  color: var(--main-color);
 }
 
 .login-wrapper-footer-text {
@@ -110,7 +116,7 @@ body {
 }
 
 .login-title {
-    color: #008080;
+  color: var(--main-color);
 }
 
 .login-img {

login/template.ftl

@@ -21,7 +21,7 @@
             <div class="row">
                 <div class="col-md-6 login-section-wrapper">
                     <div class="brand-wrapper">
-                        <img src="${url.resourcesPath}/images/logo_left.png" alt="logo" class="logo">
+                        <img src="${url.resourcesPath}/images/logo_light_bold.png" alt="logo" class="logo">
                     </div>
                     <div class="login-wrapper my-auto">
                         <#nested "header">