From a88b022186b11eb0570998a28f4bec990e346ae1 Mon Sep 17 00:00:00 2001
From: Matilda Haneling <matilda.haneling@scandichotels.com>
Date: Fri, 9 Jan 2026 13:56:38 +0000
Subject: [PATCH] Merged in fix/book-709-hotel-hero-background-color (pull
 request #3409)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fix(BOOK-709): update the background color of the hotel hero section according to Figma

* fix(BOOK-709): update the background color of the hotel hero section according to Figma

* fix(BOOK-709): updating gradient-color


Approved-by: Erik Tiekstra
Approved-by: Matilda Landström
---
 .../HotelPage/TabNavigation/tabNavigation.module.css     | 9 ++++++---
 .../ContentType/HotelPage/hotelPage.module.css           | 5 ++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/apps/scandic-web/components/ContentType/HotelPage/TabNavigation/tabNavigation.module.css b/apps/scandic-web/components/ContentType/HotelPage/TabNavigation/tabNavigation.module.css
index 121f04ff4..49a16e534 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/TabNavigation/tabNavigation.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/TabNavigation/tabNavigation.module.css
@@ -2,12 +2,15 @@
   position: sticky;
   top: 0;
   z-index: var(--hotel-tab-navigation-z-index);
-  background-color: var(--Background-Primary);
+  background-color: var(--Surface-Secondary-Default);
   border-bottom: 1px solid var(--Border-Default);
   width: 100%;
   overflow: hidden;
-  --gradient-color: var(--Background-Primary);
-
+  --gradient-color: var(--Surface-Secondary-Default);
+  &.isThemed {
+    background-color: var(--Background-Primary);
+    --gradient-color: var(--Background-Primary);
+  }
   &::before,
   &::after {
     content: "";
diff --git a/apps/scandic-web/components/ContentType/HotelPage/hotelPage.module.css b/apps/scandic-web/components/ContentType/HotelPage/hotelPage.module.css
index 120f032d3..a16ebe368 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/hotelPage.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/hotelPage.module.css
@@ -20,8 +20,11 @@
 }
 
 .header {
-  background-color: var(--Background-Primary);
+  background-color: var(--Surface-Secondary-Default);
   grid-area: header;
+  &.isThemed {
+    background-color: var(--Background-Primary);
+  }
 }
 
 .mainSection {