diff --git a/apps/partner-sas/globals.css b/apps/partner-sas/globals.css index 702820c66..4b01889f6 100644 --- a/apps/partner-sas/globals.css +++ b/apps/partner-sas/globals.css @@ -69,10 +69,12 @@ body.partner-sas { --SAS-90: #f0faff; --SAS-Gray-20: #333; --SAS-Gray-40: #666; + --SAS-Gray-50: #808080; --SAS-Gray-90: #e5e5e5; --SAS-Gray-100: #f5f5f5; --Background-Primary: var(--SAS-Gray-100); + --Base-Border-Normal: var(--SAS-Gray-40); --Base-Border-Hover: var(--SAS-Gray-40); --Base-Border-Subtle: var(--SAS-Gray-90); --Base-Button-Primary-Fill-Normal: var(--SAS-50); @@ -82,11 +84,16 @@ body.partner-sas { --Base-Button-Secondary-On-Fill-Normal: var(--SAS-50); --Base-Button-Secondary-Fill-Normal: var(--SAS-50); --Base-Button-Secondary-Border-Normal: var(--SAS-50); + --Base-Button-Text-On-Fill-Normal: var(--SAS-40); + --Base-Button-Text-On-Fill-Hover: var(--SAS-40); --Base-Surface-Subtle-Normal: var(--SAS-90); --Base-Surface-Secondary-light-Normal: var(--SAS-Gray-100); + --Base-Surface-Secondary-light-Hover: var(--SAS-90); --Base-Text-Accent: var(--SAS-50); - --Base-Text-Medium-contrast: var(--SAS-40); + --Base-Text-Medium-contrast: var(--SAS-Gray-50); + --Border-Divider-Default: var(--SAS-Gray-90); + --Border-Divider-Subtle: var(--SAS-Gray-90); --Border-Intense: var(--SAS-Gray-40); --Border-Interactive-Selected: var(--SAS-Gray-40); --Border-Interactive-Default: var(--SAS-Gray-40); @@ -105,6 +112,8 @@ body.partner-sas { --Icon-Interactive-Default: var(--SAS-40); --Primary-Dark-Surface-Normal: var(--SAS-Default); + --Primary-Light-On-Surface-Accent: var(--SAS-50); + --Primary-Light-On-Surface-Divider-subtle: var(--SAS-Gray-90); --Primary-Light-Surface-Normal: var(--SAS-90); --Surface-Brand-Primary-1-OnSurface-Default: var(--SAS-40); --Surface-Brand-Primary-2-Default: var(--SAS-Default); @@ -123,11 +132,13 @@ body.partner-sas { --Text-Interactive-Default: var(--SAS-40); --Text-Interactive-Hover: var(--SAS-40); --Text-Interactive-Secondary: var(--SAS-40); + --UI-Input-Controls-Border-Normal: var(--SAS-Gray-40); --Scandic-Brand-Burgundy: var(--Text-Default); --Scandic-Peach-80: var(--SAS-Gray-40); --Scandic-Grey-00: var(--SAS-Gray-100); --Scandic-Grey-10: var(--SAS-Gray-90); + --Scandic-Beige-40: var(--SAS-Gray-40); } /* From Tailwind */ diff --git a/packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css b/packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css index b5dbbd3b1..ba21dfc4b 100644 --- a/packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css +++ b/packages/booking-flow/lib/components/EnterDetails/Details/Multiroom/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css @@ -18,7 +18,7 @@ } .price { - color: var(--Text-Accent-Primary); + color: var(--Surface-Brand-Primary-1-OnSurface-Accent); } .checkBox { diff --git a/packages/booking-flow/lib/components/EnterDetails/Details/RoomOne/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css b/packages/booking-flow/lib/components/EnterDetails/Details/RoomOne/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css index b5dbbd3b1..ba21dfc4b 100644 --- a/packages/booking-flow/lib/components/EnterDetails/Details/RoomOne/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css +++ b/packages/booking-flow/lib/components/EnterDetails/Details/RoomOne/PartnerSASJoinScandicFriendsCard/partnerSASJoinScandicFriendsCard.module.css @@ -18,7 +18,7 @@ } .price { - color: var(--Text-Accent-Primary); + color: var(--Surface-Brand-Primary-1-OnSurface-Accent); } .checkBox { diff --git a/packages/booking-flow/lib/components/EnterDetails/Summary/UI/Room/room.module.css b/packages/booking-flow/lib/components/EnterDetails/Summary/UI/Room/room.module.css index fde10a2a7..d7d04af4a 100644 --- a/packages/booking-flow/lib/components/EnterDetails/Summary/UI/Room/room.module.css +++ b/packages/booking-flow/lib/components/EnterDetails/Summary/UI/Room/room.module.css @@ -42,7 +42,7 @@ color: var(--Text-Default); &.discounted { - color: var(--Text-Accent-Primary); + color: var(--Surface-Brand-Primary-1-OnSurface-Accent); } }