scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in feat/SW-3542-update-color-variables-to- (pull request #2970)

Browse Source 
feat(SW-3542): Updated the color variables for MVP

Approved-by: Joakim Jäderberg
This commit is contained in:
Hrishikesh Vaipurkar
2025-10-17 09:22:03 +00:00
parent bf19d3960b
commit c01f440651
17 changed files with 141 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/partner-sas/components/Footer/footer.module.css
View File

@@ -19,7 +19,7 @@
}
.bottom {
background-color: var(--TEMP-sas-default);
background-color: var(--SAS-Default);
color: white;
padding: 32px 16px 40px;

12
apps/partner-sas/components/LanguageSwitcher/languageSwitcher.module.css
View File

@@ -10,7 +10,7 @@
align-items: center;
display: flex;
width: 100%;
color: var(--Text-sas-20);
color: var(--SAS-Gray-20);
}
&.header {
@@ -25,13 +25,13 @@
&.footer {
.triggerText,
.chevron {
color: var(--TEMP-sas-40);
color: var(--SAS-40);
}
.chevron {
margin: 1px 0 0 2px;
}
.globeIcon {
color: var(--TEMP-sas-40);
color: var(--SAS-40);
}
}
}
@@ -45,7 +45,7 @@
align-items: flex-start;
.arrowBack {
color: var(--TEMP-sas-40);
color: var(--SAS-40);
padding: var(--Space-x2) 0;
width: 100%;
justify-content: flex-start;
@@ -88,7 +88,7 @@
.closeModal {
align-self: flex-end;
background-color: transparent;
color: var(--TEMP-sas-40);
color: var(--SAS-40);
gap: 0;
}
@@ -112,7 +112,7 @@
display: flex;
width: 100%;
padding: 0 var(--Space-x2);
border-bottom: 1px solid var(--SAS-90);
border-bottom: 1px solid var(--SAS-Gray-90);
justify-content: flex-end;
}
.arrowBackIcon {

4
apps/partner-sas/components/Menu/FooterMenu/footer-menu.module.css
View File

@@ -21,10 +21,10 @@
.link {
text-decoration: none;
color: var(--TEMP-sas-40);
color: var(--SAS-40);
&:hover {
color: var(--TEMP-sas-40);
color: var(--SAS-40);
text-decoration: underline;
}
}

2
apps/partner-sas/components/Menu/MobileMenu/mobile-menu.module.css
View File

@@ -7,7 +7,7 @@
.mobileMenu .avatar {
background-color: white;
span {
color: var(--TEMP-sas-20);
color: var(--SAS-20);
}
}

2
apps/partner-sas/components/Menu/NavigationMenu/navigation-menu.module.css
View File

@@ -19,7 +19,7 @@
}
.contactLink {
color: var(--Text-sas-20);
color: var(--SAS-Gray-20);
}
@media screen and (min-width: 768px) {

12
apps/partner-sas/components/Menu/UserMenu/user-menu.module.css
View File

@@ -18,7 +18,7 @@
.userMenu .avatar {
background-color: white;
color: var(--TEMP-sas-default);
color: var(--SAS-Default);
span {
color: currentColor;
@@ -27,12 +27,12 @@
.userDetailsContainer {
padding: var(--Space-x1);
color: var(--Text-sas-20);
color: var(--SAS-Gray-20);
}
.logoutLink,
.loginLink {
color: var(--Text-sas-20);
color: var(--SAS-Gray-20);
text-decoration: none;
}
@@ -41,7 +41,7 @@
font-weight: normal;
&:hover {
color: var(--Text-sas-20);
color: var(--SAS-Gray-20);
text-decoration: none;
}
}
@@ -70,7 +70,7 @@
position: fixed;
top: calc(var(--Space-x2) + var(--sitewide-alert-height));
right: var(--Space-x15);
background-color: var(--TEMP-sas-default);
background-color: var(--SAS-Default);
border: none;
padding: var(--Space-x05);
color: white;
@@ -80,7 +80,7 @@
&:hover,
&:hover:not(:disabled) {
background-color: var(--TEMP-sas-default);
background-color: var(--SAS-Default);
}
.bar,

2
apps/partner-sas/components/Menu/menu.module.css
View File

@@ -1,5 +1,5 @@
.container {
background-color: var(--TEMP-sas-default);
background-color: var(--SAS-Default);
color: white;
display: flex;
align-items: center;

2
apps/partner-sas/components/PoweredByScandic/poweredByScandic.module.css
View File

@@ -2,7 +2,7 @@
display: flex;
align-items: center;
gap: 8px;
color: var(--TEMP-sas-20);
color: var(--SAS-20);
}
.logo {