fix(ui): change ticket button color to red & menu background to blue

intk · Feb 7, 2024 · 1d5abc7 · 1d5abc7
1 parent 8446ce8
commit 1d5abc7
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/frontend/theme/extras/blocks/form.less b/frontend/theme/extras/blocks/form.less
@@ -7,8 +7,8 @@
   button[type='submit'].ui.button.primary {
     display: inline-block;
     padding: 7px 25px;
-    border: 2px solid @theme-color-yellow !important;
-    background-color: @theme-color-yellow !important;
+    border: 2px solid @theme-color-red !important;
+    background-color: @theme-color-red !important;
     border-radius: 0;
     border-radius: 0;
     box-shadow: none;

diff --git a/frontend/theme/extras/header.less b/frontend/theme/extras/header.less
@@ -111,11 +111,11 @@ body.has-hero-section.section-add {
     height: 53px;
     padding: 7px 17px; //Original css
     // padding: 7px 17px 7px 61px;
-    border: 2px solid #fce602;
-    background-color: #ffe600;
+    border: 2px solid @theme-color-red;
+    background-color: @theme-color-red;
     border-radius: 0;
     box-shadow: none;
-    color: #000 !important;
+    color: #ffffff !important;
     font-size: 22px;
     font-weight: 600;
     line-height: 1.7;
@@ -183,6 +183,7 @@ body.has-hero-section.section-add {
         &::before,
         &::after {
           width: 35px;
+          background-color: #ffffff;
 
           @media (max-width: 991px) {
             width: 30px;
@@ -198,6 +199,7 @@ body.has-hero-section.section-add {
         &,
         &::before,
         &::after {
+          background: #000;
           border-radius: 0;
           transition: 0.25s ease-in-out;
         }
@@ -451,7 +453,7 @@ nav.navigation {
 .mobile-menu {
   display: none;
   padding-top: 0;
-  background-color: @theme-color-red;
+  background-color: @theme-color-blue;
   color: #fff;
 
   .mobile-menu-nav {

diff --git a/frontend/theme/globals/site.variables b/frontend/theme/globals/site.variables
@@ -29,8 +29,6 @@
 @theme-color-dark-blue: #103867;
 @theme-color-blue: #008da9;
 @theme-color-orange: #fce602;
-@theme-color-yellow: #ffe600;
-@theme-color-dark-yellow: #ffe600;
 @theme-color-light-purple: #9789a5;
 @theme-color-purple: #92278f;
 
@@ -42,7 +40,7 @@
 @footerColor: #df0934;
 @footerText: #ffffff;
 
-@primaryDarker: @theme-color-dark-yellow;
+@primaryDarker: @theme-color-blue;
 
 @greyHover: @primaryColor;
 @greyActive: @primaryColor;