From 6ca79d6baba8e4b52d47a3864629c562beaedc45 Mon Sep 17 00:00:00 2001 From: Christian Andolf Date: Tue, 17 Jun 2025 15:37:26 +0200 Subject: [PATCH] chore: replace old primary background token with new one --- .../app/[lang]/(live)/(protected)/my-pages/layout.module.css | 2 +- .../[lang]/(live)/(public)/(contentTypes)/layout.module.css | 2 +- .../(payment-callback)/payment-callback/layout.module.css | 2 +- .../(standard)/alternative-hotels/layout.module.css | 2 +- .../(public)/hotelreservation/(standard)/layout.module.css | 2 +- .../(public)/hotelreservation/(standard)/page.module.css | 2 +- .../(standard)/select-hotel/layout.module.css | 2 +- .../(protected)/link-employment/linkEmploymentPage.module.css | 2 +- apps/scandic-web/app/[lang]/webview/layout.module.css | 2 +- .../HotelPage/SidePeeks/Activities/activities.module.css | 2 +- .../MeetingsAndConferences/meetingsAndConferences.module.css | 2 +- .../RestaurantBarItem/restaurantBarItem.module.css | 2 +- .../ContentType/HotelPage/SidePeeks/Room/room.module.css | 2 +- .../WellnessAndExercise/wellnessAndExercise.module.css | 2 +- .../components/DatePicker/Range/desktop.module.css | 4 ++-- .../scandic-web/components/DatePicker/Range/mobile.module.css | 4 ++-- .../components/DatePicker/Single/desktop.module.css | 4 ++-- .../components/DatePicker/Single/mobile.module.css | 4 ++-- .../FormContent/BookingCode/booking-code.module.css | 2 +- .../Forms/BookingWidget/FormContent/Search/search.module.css | 2 +- .../Forms/BookingWidget/FormContent/formContent.module.css | 2 +- .../GuestsRoomsPicker/guests-rooms-picker.module.css | 2 +- .../linkedReservationCardSkeleton.module.css | 2 +- .../Rooms/LinkedReservation/retry.module.css | 2 +- .../BookingConfirmation/Rooms/Room/room.module.css | 2 +- .../PriceChangeSummary/priceChangeSummary.module.css | 2 +- .../Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css | 2 +- .../Ancillaries/AddedAncillaries/addedAncillaries.module.css | 4 ++-- .../MyStay/ModifyContact/modifyContact.module.css | 2 +- .../ManageStay/Actions/CancelStay/cancelStay.module.css | 2 +- .../ChangeDates/Steps/Form/NewDates/newDates.module.css | 2 +- .../ReferenceCard/PriceContainer/priceContainer.module.css | 2 +- .../HotelReservation/MyStay/Rooms/MultiRoom/room.module.css | 2 +- .../HotelReservation/MyStay/Rooms/SingleRoom/room.module.css | 4 ++-- .../components/Lightbox/Gallery/gallery.module.css | 4 ++-- .../components/Profile/CreditCardRow/creditCardRow.module.css | 2 +- .../BookedRoomSidePeek/bookedRoomSidePeek.module.css | 2 +- .../RoomSidePeekContent/roomSidePeekContent.module.css | 2 +- .../TempDesignSystem/Accordion/accordion.module.css | 2 +- .../components/TempDesignSystem/SidePeek/sidePeek.module.css | 2 +- .../SidePeekSelfControlled/sidePeekSelfControlled.module.css | 2 +- .../components/TempDesignSystem/Table/table.module.css | 4 ++-- 42 files changed, 50 insertions(+), 50 deletions(-) diff --git a/apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/layout.module.css b/apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/layout.module.css index ebc0f0dc9..80f59d6f4 100644 --- a/apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/layout.module.css +++ b/apps/scandic-web/app/[lang]/(live)/(protected)/my-pages/layout.module.css @@ -9,7 +9,7 @@ } .container { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); } .content { diff --git a/apps/scandic-web/app/[lang]/(live)/(public)/(contentTypes)/layout.module.css b/apps/scandic-web/app/[lang]/(live)/(public)/(contentTypes)/layout.module.css index c83db84f0..2ee4dd7ea 100644 --- a/apps/scandic-web/app/[lang]/(live)/(public)/(contentTypes)/layout.module.css +++ b/apps/scandic-web/app/[lang]/(live)/(public)/(contentTypes)/layout.module.css @@ -6,5 +6,5 @@ } .container { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); } diff --git a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(payment-callback)/payment-callback/layout.module.css b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(payment-callback)/payment-callback/layout.module.css index a04e8416b..42e2b9aa7 100644 --- a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(payment-callback)/payment-callback/layout.module.css +++ b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(payment-callback)/payment-callback/layout.module.css @@ -1,4 +1,4 @@ .layout { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); min-height: 100dvh; } diff --git a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/alternative-hotels/layout.module.css b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/alternative-hotels/layout.module.css index f955dbffc..bbd0d869f 100644 --- a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/alternative-hotels/layout.module.css +++ b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/alternative-hotels/layout.module.css @@ -1,6 +1,6 @@ .layout { min-height: 100dvh; - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); position: relative; } diff --git a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/layout.module.css b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/layout.module.css index 1730ffa68..c80cddde3 100644 --- a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/layout.module.css +++ b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/layout.module.css @@ -1,3 +1,3 @@ .layout { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); } diff --git a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/page.module.css b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/page.module.css index fe7743861..1474a5a3f 100644 --- a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/page.module.css +++ b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/page.module.css @@ -1,5 +1,5 @@ .page { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); min-height: 50dvh; max-width: var(--max-width-page); margin: 0 auto; diff --git a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/layout.module.css b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/layout.module.css index f955dbffc..bbd0d869f 100644 --- a/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/layout.module.css +++ b/apps/scandic-web/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/layout.module.css @@ -1,6 +1,6 @@ .layout { min-height: 100dvh; - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); position: relative; } diff --git a/apps/scandic-web/app/[lang]/(no-layout)/(protected)/link-employment/linkEmploymentPage.module.css b/apps/scandic-web/app/[lang]/(no-layout)/(protected)/link-employment/linkEmploymentPage.module.css index 5a4135568..ac9d8e8e1 100644 --- a/apps/scandic-web/app/[lang]/(no-layout)/(protected)/link-employment/linkEmploymentPage.module.css +++ b/apps/scandic-web/app/[lang]/(no-layout)/(protected)/link-employment/linkEmploymentPage.module.css @@ -58,7 +58,7 @@ max-width: 580px; margin-left: auto; margin-right: auto; - background: var(--Base-Background-Primary-Normal); + background: var(--Background-Primary); padding: var(--Spacing-x5); border-radius: var(--Corner-radius-lg); display: grid; diff --git a/apps/scandic-web/app/[lang]/webview/layout.module.css b/apps/scandic-web/app/[lang]/webview/layout.module.css index 749f69d48..54d4f69e4 100644 --- a/apps/scandic-web/app/[lang]/webview/layout.module.css +++ b/apps/scandic-web/app/[lang]/webview/layout.module.css @@ -1,5 +1,5 @@ .layout { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); font-family: var(--typography-Body-Regular-fontFamily); min-height: 100dvh; } diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css index 87cb2cdc0..841d6848e 100644 --- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css +++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css @@ -1,5 +1,5 @@ .buttonContainer { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-top: 1px solid var(--Base-Border-Subtle); padding: var(--Spacing-x4) var(--Spacing-x2); width: 100%; diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/meetingsAndConferences.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/meetingsAndConferences.module.css index 5fd49bc27..9953ac005 100644 --- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/meetingsAndConferences.module.css +++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/MeetingsAndConferences/meetingsAndConferences.module.css @@ -7,7 +7,7 @@ } .buttonContainer { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-top: 1px solid var(--Base-Border-Subtle); padding: var(--Spacing-x4) var(--Spacing-x2); width: 100%; diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/restaurantBarItem.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/restaurantBarItem.module.css index c91cf8d44..67d4fe419 100644 --- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/restaurantBarItem.module.css +++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/RestaurantBar/RestaurantBarItem/restaurantBarItem.module.css @@ -12,7 +12,7 @@ content: ""; position: absolute; margin-top: calc(-1 * var(--Space-x4)); - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); z-index: -1; width: 100%; top: 0; diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/room.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/room.module.css index c0bb59213..7e394c599 100644 --- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/room.module.css +++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/room.module.css @@ -23,7 +23,7 @@ } .buttonContainer { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-top: 1px solid var(--Base-Border-Subtle); padding: var(--Spacing-x4) var(--Spacing-x2); width: 100%; diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/wellnessAndExercise.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/wellnessAndExercise.module.css index a79578840..c34410dc1 100644 --- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/wellnessAndExercise.module.css +++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/WellnessAndExercise/wellnessAndExercise.module.css @@ -15,7 +15,7 @@ } .buttonContainer { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-top: 1px solid var(--Base-Border-Subtle); padding: var(--Spacing-x4) var(--Spacing-x2); width: 100%; diff --git a/apps/scandic-web/components/DatePicker/Range/desktop.module.css b/apps/scandic-web/components/DatePicker/Range/desktop.module.css index 0eac5e7e7..b9c6b3920 100644 --- a/apps/scandic-web/components/DatePicker/Range/desktop.module.css +++ b/apps/scandic-web/components/DatePicker/Range/desktop.module.css @@ -29,7 +29,7 @@ td.rangeStart { td.rangeEnd, td.rangeStart { - background: var(--Base-Background-Primary-Normal); + background: var(--Background-Primary); } td.rangeEnd[aria-selected="true"]:not([data-outside="true"]) { @@ -72,7 +72,7 @@ td.day[data-outside="true"] button.dayButton { td.day.rangeMiddle[aria-selected="true"], td.rangeMiddle[aria-selected="true"] button.dayButton { - background: var(--Base-Background-Primary-Normal); + background: var(--Background-Primary); border: none; border-radius: 0; color: var(--UI-Text-High-contrast); diff --git a/apps/scandic-web/components/DatePicker/Range/mobile.module.css b/apps/scandic-web/components/DatePicker/Range/mobile.module.css index 34a2d86c7..b81ba3345 100644 --- a/apps/scandic-web/components/DatePicker/Range/mobile.module.css +++ b/apps/scandic-web/components/DatePicker/Range/mobile.module.css @@ -106,7 +106,7 @@ td.rangeStart { td.rangeEnd, td.rangeStart { - background: var(--Base-Background-Primary-Normal); + background: var(--Background-Primary); } td.rangeEnd[aria-selected="true"]:not([data-outside="true"]) { @@ -145,7 +145,7 @@ td.day[data-outside="true"] button.dayButton { td.day.rangeMiddle[aria-selected="true"], td.rangeMiddle[aria-selected="true"] button.dayButton { - background: var(--Base-Background-Primary-Normal); + background: var(--Background-Primary); border: none; border-radius: 0; color: var(--UI-Text-High-contrast); diff --git a/apps/scandic-web/components/DatePicker/Single/desktop.module.css b/apps/scandic-web/components/DatePicker/Single/desktop.module.css index 6e3d65f0f..9ef0a4ccd 100644 --- a/apps/scandic-web/components/DatePicker/Single/desktop.module.css +++ b/apps/scandic-web/components/DatePicker/Single/desktop.module.css @@ -29,7 +29,7 @@ td.rangeStart { td.rangeEnd, td.rangeStart { - background: var(--Base-Background-Primary-Normal); + background: var(--Background-Primary); } td.rangeEnd[aria-selected="true"]:not([data-outside="true"]) { @@ -71,7 +71,7 @@ td.day[data-outside="true"] button.dayButton { } td.rangeMiddle[aria-selected="true"] button.dayButton { - background: var(--Base-Background-Primary-Normal); + background: var(--Background-Primary); border: none; border-radius: 0; color: var(--UI-Text-High-contrast); diff --git a/apps/scandic-web/components/DatePicker/Single/mobile.module.css b/apps/scandic-web/components/DatePicker/Single/mobile.module.css index d4f76f7a0..cad1fa8a9 100644 --- a/apps/scandic-web/components/DatePicker/Single/mobile.module.css +++ b/apps/scandic-web/components/DatePicker/Single/mobile.module.css @@ -103,7 +103,7 @@ td.rangeStart { td.rangeEnd, td.rangeStart { - background: var(--Base-Background-Primary-Normal); + background: var(--Background-Primary); } td.rangeEnd[aria-selected="true"]:not([data-outside="true"]) { @@ -141,7 +141,7 @@ td.day[data-outside="true"] button.dayButton { } td.rangeMiddle[aria-selected="true"] button.dayButton { - background: var(--Base-Background-Primary-Normal); + background: var(--Background-Primary); border: none; border-radius: 0; color: var(--UI-Text-High-contrast); diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/BookingCode/booking-code.module.css b/apps/scandic-web/components/Forms/BookingWidget/FormContent/BookingCode/booking-code.module.css index 03bcb5173..5ed12af3c 100644 --- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/BookingCode/booking-code.module.css +++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/BookingCode/booking-code.module.css @@ -6,7 +6,7 @@ .bookingCode { height: 60px; - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-radius: var(--Corner-radius-md); padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); } diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/search.module.css b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/search.module.css index 356b60970..3f8fc8267 100644 --- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/search.module.css +++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/search.module.css @@ -17,7 +17,7 @@ &:hover, &:has(input:active, input:focus, input:focus-within) { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); } &:has(input:active, input:focus, input:focus-within) { diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css b/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css index f097a2599..3e1fefb73 100644 --- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css +++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css @@ -45,7 +45,7 @@ .rooms, .when, .where { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-radius: var(--Corner-radius-md); } diff --git a/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css b/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css index bc1589793..b32aebfde 100644 --- a/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css +++ b/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css @@ -156,7 +156,7 @@ .addRoomMobileContainer .addRoomMobileDisabledText { padding: var(--Spacing-x1) var(--Spacing-x2); - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); margin: 0 var(--Spacing-x2); border-radius: var(--Corner-radius-md); display: flex; diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/linkedReservationCardSkeleton.module.css b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/linkedReservationCardSkeleton.module.css index eaad24255..be8760911 100644 --- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/linkedReservationCardSkeleton.module.css +++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/linkedReservationCardSkeleton.module.css @@ -5,7 +5,7 @@ } .content { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-radius: var(--Corner-radius-lg); display: grid; gap: var(--Spacing-x2); diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/retry.module.css b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/retry.module.css index fb43582e3..9a4a8ba8f 100644 --- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/retry.module.css +++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/LinkedReservation/retry.module.css @@ -1,5 +1,5 @@ .retry { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-radius: var(--Corner-radius-lg); display: flex; flex-direction: column; diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/room.module.css b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/room.module.css index dc9d41e45..ad7f5a595 100644 --- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/room.module.css +++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/room.module.css @@ -25,7 +25,7 @@ } .booking { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-radius: var(--Corner-radius-lg); display: grid; gap: var(--Spacing-x2); diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/PriceChangeDialog/PriceChangeSummary/priceChangeSummary.module.css b/apps/scandic-web/components/HotelReservation/EnterDetails/PriceChangeDialog/PriceChangeSummary/priceChangeSummary.module.css index 5c7231ac5..52d8ddd32 100644 --- a/apps/scandic-web/components/HotelReservation/EnterDetails/PriceChangeDialog/PriceChangeSummary/priceChangeSummary.module.css +++ b/apps/scandic-web/components/HotelReservation/EnterDetails/PriceChangeDialog/PriceChangeSummary/priceChangeSummary.module.css @@ -3,7 +3,7 @@ inset: 0; width: 100dvw; height: 100dvh; - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); z-index: 200; overflow: auto; diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css index f068c5505..627f1ed1e 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/DeliveryDetailsStep/deliveryDetailsStep.module.css @@ -4,7 +4,7 @@ gap: var(--Space-x2); padding: var(--Space-x3); margin-bottom: var(--Space-x05); - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-radius: var(--Corner-radius-md); } diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddedAncillaries/addedAncillaries.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddedAncillaries/addedAncillaries.module.css index d505e81b1..ad415330a 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddedAncillaries/addedAncillaries.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddedAncillaries/addedAncillaries.module.css @@ -29,7 +29,7 @@ } .ancillaryMobile { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-radius: var(--Corner-radius-md); display: flex; flex-direction: column; @@ -39,7 +39,7 @@ .ancillaryDesktop { display: none; padding: var(--Spacing-x2); - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-radius: var(--Corner-radius-md); flex-direction: column; gap: var(--Spacing-x1); diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ModifyContact/modifyContact.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ModifyContact/modifyContact.module.css index 4c65d57d7..bdc6918f7 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/ModifyContact/modifyContact.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/ModifyContact/modifyContact.module.css @@ -1,5 +1,5 @@ .container { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); padding: var(--Spacing-x2) var(--Spacing-x1) var(--Spacing-x3); border-radius: var(--Corner-radius-md); } diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/CancelStay/cancelStay.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/CancelStay/cancelStay.module.css index 186fa5c77..97bfa0cee 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/CancelStay/cancelStay.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/CancelStay/cancelStay.module.css @@ -17,7 +17,7 @@ .roomContainer { display: flex; padding: var(--Spacing-x2); - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-radius: var(--Corner-radius-md); align-items: center; gap: var(--Spacing-x1); diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/newDates.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/newDates.module.css index a5163244c..bcbe7a451 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/newDates.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/NotCancelled/ManageStay/Actions/ChangeDates/Steps/Form/NewDates/newDates.module.css @@ -1,5 +1,5 @@ .container { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); padding: var(--Spacing-x2) var(--Spacing-x3) var(--Spacing-x3); border-radius: var(--Corner-radius-md); display: flex; diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/PriceContainer/priceContainer.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/PriceContainer/priceContainer.module.css index b2fe735e4..507e8fda5 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/PriceContainer/priceContainer.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/PriceContainer/priceContainer.module.css @@ -1,7 +1,7 @@ .priceContainer { display: flex; padding: var(--Spacing-x2); - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-radius: var(--Corner-radius-md); align-items: center; justify-content: flex-end; diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/room.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/room.module.css index f16b95254..d2741b9d5 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/room.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/room.module.css @@ -17,7 +17,7 @@ display: flex; flex-direction: column; gap: var(--Space-x2); - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-radius: var(--Corner-radius-lg); border: 1px solid var(--Base-Border-Subtle); overflow: hidden; diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/room.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/room.module.css index 5f1d99ee6..41df3a2e8 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/room.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Rooms/SingleRoom/room.module.css @@ -11,7 +11,7 @@ } .room { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); display: flex; flex-direction: column; gap: var(--Spacing-x2); @@ -69,7 +69,7 @@ .booking { border-radius: var(--Corner-radius-lg); - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); } .content { diff --git a/apps/scandic-web/components/Lightbox/Gallery/gallery.module.css b/apps/scandic-web/components/Lightbox/Gallery/gallery.module.css index ddb5577e9..c76947680 100644 --- a/apps/scandic-web/components/Lightbox/Gallery/gallery.module.css +++ b/apps/scandic-web/components/Lightbox/Gallery/gallery.module.css @@ -4,7 +4,7 @@ padding: var(--Space-x2); height: 100%; overflow-y: auto; - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); } .mobileGallery { @@ -83,7 +83,7 @@ display: grid; grid-template-rows: 28px 1fr 7.8125rem; row-gap: var(--Spacing-x-one-and-half); - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); height: 100%; position: relative; overflow: hidden; diff --git a/apps/scandic-web/components/Profile/CreditCardRow/creditCardRow.module.css b/apps/scandic-web/components/Profile/CreditCardRow/creditCardRow.module.css index b08cdac3e..09d36a1a4 100644 --- a/apps/scandic-web/components/Profile/CreditCardRow/creditCardRow.module.css +++ b/apps/scandic-web/components/Profile/CreditCardRow/creditCardRow.module.css @@ -6,5 +6,5 @@ justify-items: flex-end; padding: var(--Spacing-x1) var(--Spacing-x-one-and-half); border-radius: var(--Corner-radius-sm); - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); } diff --git a/apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/bookedRoomSidePeek.module.css b/apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/bookedRoomSidePeek.module.css index f1fbaba24..5ccd888a3 100644 --- a/apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/bookedRoomSidePeek.module.css +++ b/apps/scandic-web/components/SidePeeks/BookedRoomSidePeek/bookedRoomSidePeek.module.css @@ -143,7 +143,7 @@ } .buttonContainer { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-top: 1px solid var(--Base-Border-Subtle); padding: var(--Spacing-x4) var(--Spacing-x2); width: 100%; diff --git a/apps/scandic-web/components/SidePeeks/RoomSidePeek/RoomSidePeekContent/roomSidePeekContent.module.css b/apps/scandic-web/components/SidePeeks/RoomSidePeek/RoomSidePeekContent/roomSidePeekContent.module.css index 6efc9b905..e7c90049a 100644 --- a/apps/scandic-web/components/SidePeeks/RoomSidePeek/RoomSidePeekContent/roomSidePeekContent.module.css +++ b/apps/scandic-web/components/SidePeeks/RoomSidePeek/RoomSidePeekContent/roomSidePeekContent.module.css @@ -59,7 +59,7 @@ } .buttonContainer { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); border-top: 1px solid var(--Base-Border-Subtle); padding: var(--Spacing-x4) var(--Spacing-x2); width: 100%; diff --git a/apps/scandic-web/components/TempDesignSystem/Accordion/accordion.module.css b/apps/scandic-web/components/TempDesignSystem/Accordion/accordion.module.css index ed714a9b2..203e7cb7f 100644 --- a/apps/scandic-web/components/TempDesignSystem/Accordion/accordion.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Accordion/accordion.module.css @@ -10,7 +10,7 @@ background-color: var(--Base-Surface-Primary-light-Normal); } .accordion.subtle { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); } .accordion li:last-child { diff --git a/apps/scandic-web/components/TempDesignSystem/SidePeek/sidePeek.module.css b/apps/scandic-web/components/TempDesignSystem/SidePeek/sidePeek.module.css index 57af27173..fbfbe1014 100644 --- a/apps/scandic-web/components/TempDesignSystem/SidePeek/sidePeek.module.css +++ b/apps/scandic-web/components/TempDesignSystem/SidePeek/sidePeek.module.css @@ -38,7 +38,7 @@ bottom: 0; width: 100%; height: 100vh; - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); z-index: var(--sidepeek-z-index); outline: none; } diff --git a/apps/scandic-web/components/TempDesignSystem/SidePeekSelfControlled/sidePeekSelfControlled.module.css b/apps/scandic-web/components/TempDesignSystem/SidePeekSelfControlled/sidePeekSelfControlled.module.css index e37dd7b9b..2cc0ad93b 100644 --- a/apps/scandic-web/components/TempDesignSystem/SidePeekSelfControlled/sidePeekSelfControlled.module.css +++ b/apps/scandic-web/components/TempDesignSystem/SidePeekSelfControlled/sidePeekSelfControlled.module.css @@ -36,7 +36,7 @@ bottom: 0; width: 100%; height: 100vh; - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); z-index: var(--sidepeek-z-index); outline: none; } diff --git a/apps/scandic-web/components/TempDesignSystem/Table/table.module.css b/apps/scandic-web/components/TempDesignSystem/Table/table.module.css index 1ddd8588e..f6f4415b8 100644 --- a/apps/scandic-web/components/TempDesignSystem/Table/table.module.css +++ b/apps/scandic-web/components/TempDesignSystem/Table/table.module.css @@ -45,14 +45,14 @@ } .content .tbody { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); } .content.striped .tbody .tr:nth-child(odd) { background-color: var(--Base-Surface-Subtle-Normal); } .content.striped .tbody .tr:nth-child(even) { - background-color: var(--Base-Background-Primary-Normal); + background-color: var(--Background-Primary); } @media screen and (min-width: 768px) {