Adapt to the new branding

PrestaShop · Dec 21, 2023 · 6dbaa4d · 6dbaa4d
1 parent 46e56b9
commit 6dbaa4d
Show file tree

Hide file tree

Showing 5 changed files with 92 additions and 391 deletions.
diff --git a/assets/scss/config.scss b/assets/scss/config.scss
@@ -7,6 +7,7 @@ $white: #fff;
 $skipped: #442ac6;
 $skippedBg: #dad5f4;
 $lowgray: #b3c7cd;
+$bg-heaer: #A4DBE8;
 
 // Dark mode
 $backgroundDark: #1c1c24;

diff --git a/components/reusable/Header.vue b/components/reusable/Header.vue
@@ -73,22 +73,30 @@
     position: fixed;
     top: 0;
     width: 100%;
-    background: $primary;
+    background: $bg-heaer;
     box-shadow: 0 0 10px 0 rgba(black, 0.2);
     z-index: 10;
     min-height: 50px;
     transition: 0.4s ease-out;
 
     @at-root .dark & {
       background: $primaryDark;
+
+      h1 {
+        color: white;
+      }
+
+      .dates > p {
+        color: white;
+      }
     }
 
     &.isMobile {
       padding: 0 15px;
     }
 
     h1 {
-      color: white;
+      color: #000;
       font-size: 20px;
       font-weight: bold;
       width: 100%;
@@ -105,7 +113,7 @@
       > p {
         font-size: 16px;
         line-height: 22px;
-        color: white;
+        color: #000;
         margin-bottom: 0;
 
         &:first-child {