From e81ece007cca76ef5d4fbf9e73b79358b107c7b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rane=20Hyvo=CC=88nen?= <hyvonenrane@gmail.com>
Date: Tue, 6 Feb 2024 16:52:31 +0100
Subject: [PATCH] feat(ui): menu background to red

---
 frontend/theme/extras/header.less     | 20 ++++++++++----------
 frontend/theme/globals/site.variables |  2 +-
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/frontend/theme/extras/header.less b/frontend/theme/extras/header.less
index b046cba..687dcd0 100644
--- a/frontend/theme/extras/header.less
+++ b/frontend/theme/extras/header.less
@@ -261,14 +261,14 @@ nav.navigation {
         display: inline-block;
         padding-right: 2em;
         padding-left: 10px;
-        color: #000 !important;
+        color: #fff !important;
         font-size: 24px;
         font-weight: 700;
         line-height: 1.2;
         text-decoration: none !important;
 
         &.active {
-          color: #fff !important;
+          color: #000 !important;
         }
 
         span {
@@ -334,7 +334,7 @@ nav.navigation {
       .ui.dropdown {
         & > .text,
         & > .dropdown.icon {
-          color: #000;
+          color: #fff;
           font-size: 25px;
           font-weight: 600;
         }
@@ -349,7 +349,7 @@ nav.navigation {
             margin-top: 1rem;
 
             a {
-              color: #000 !important;
+              color: #fff !important;
               font-size: 25px;
               font-weight: 600;
             }
@@ -390,7 +390,7 @@ nav.navigation {
         border-bottom: 2px solid transparent;
         border-left: 0;
         background: none;
-        color: #000;
+        color: #fff;
         cursor: pointer;
         font-size: 20px;
         font-weight: 600;
@@ -403,7 +403,7 @@ nav.navigation {
           svg {
             width: 40px;
             height: 40px;
-            fill: #000 !important;
+            fill: #fff !important;
           }
         }
 
@@ -416,14 +416,14 @@ nav.navigation {
           input {
             width: 0 !important;
             padding: 3px;
-            color: #000;
+            color: #fff;
             cursor: pointer;
             font-size: 20px;
             font-weight: 600;
             transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
 
             &::placeholder {
-              color: #000;
+              color: #fff;
               font-weight: 600;
             }
           }
@@ -432,7 +432,7 @@ nav.navigation {
         &.visible,
         &:focus,
         &:focus-within {
-          border-bottom: 2px solid #000 !important;
+          border-bottom: 2px solid #fff !important;
 
           .ui.input {
             max-width: 100%;
@@ -451,7 +451,7 @@ nav.navigation {
 .mobile-menu {
   display: none;
   padding-top: 0;
-  background-color: @theme-color-green;
+  background-color: @theme-color-red;
   color: #fff;
 
   .mobile-menu-nav {
diff --git a/frontend/theme/globals/site.variables b/frontend/theme/globals/site.variables
index 6ccf1ce..901d8e0 100644
--- a/frontend/theme/globals/site.variables
+++ b/frontend/theme/globals/site.variables
@@ -30,7 +30,7 @@
 @theme-color-yellow: #ffe600;
 @theme-color-dark-yellow: #ffe600;
 @theme-color-dark-red: #9a161e;
-@theme-color-red: #d2232a;
+@theme-color-red: #df0934;
 @theme-color-light-purple: #9789a5;
 @theme-color-purple: #92278f;
 @theme-color-green: #2da55d;