Disable any changes on site-header, site-footer

app/css/components/exercise-header.css

@@ -2,7 +2,7 @@
 
 .c-exercise-header {
     /* is it necessary? it creates a 2px top border (site header has 1px bottom-border)
-    while has a 1px bottom border
+    while it has a 1px bottom border
     which looks a bit disturbing
     */
     /* @apply border-t-1 border-color22; */

app/css/components/site-footer.css

@@ -9,13 +9,13 @@ body.namespace-.controller-journey {
 #site-footer {
     /* Show this through JS to avoid CLS */
     display: none;
+    background: #130b43;
 
     margin-top: 100px;
     @screen lg {
         margin-top: 200px;
     }
 
-    @apply bg-textColor2;
     @apply border-t-8 border-purple;
 
     & .external-section {
@@ -176,7 +176,7 @@ body.namespace-.controller-journey {
         & li {
             @apply mb-8;
             & a {
-                @apply text-color22 font-medium text-16 leading-150;
+                @apply text-[#c8d5ef] font-medium text-16 leading-150;
             }
         }
     }
@@ -233,10 +233,10 @@ body.namespace-.controller-journey {
         }
     }
     & .legals {
-        @apply text-color22 text-16 leading-160;
+        @apply text-[#c8d5ef] text-16 leading-160;
         & a {
             @apply text-lightPurple font-medium;
-            @apply border-b-1 border-color22;
+            @apply border-b-1 border-[#c8d5ef];
         }
 
         & .copyright {

app/css/components/site-header.css

@@ -24,7 +24,9 @@ body.devise {
 
     & .announcement-bar {
         @apply block;
-        @apply bg-textColor2 py-8;
+        @apply py-8;
+        /* hardcoding now to remain the same in dark mode */
+        background: #130b43;
         @apply text-lightPurple font-semibold text-16 leading-160 text-center;
         & strong {
             @apply text-lightGold mx-4 font-semibold;

app/css/ui-kit/colors.css

@@ -302,6 +302,7 @@
     --box-shadow-lg: 0px 4px 42px 0px rgba(0, 0, 0, 0.6);
     --box-shadow-lgZ1: 0px 4px 42px 0px rgba(0, 0, 0, 0.9);
 
+    --white-filter: var(--filter-FFFFFF);
     /* This is yellow */
     --orange-filter: invert(100%) sepia(52%) saturate(2878%) hue-rotate(329deg)
         brightness(106%) contrast(96%);