chore: update design system and names of tokens
This commit is contained in:
@@ -13,27 +13,24 @@
|
||||
}
|
||||
|
||||
.themeOne {
|
||||
--font-color: var(--Scandic-Brand-Burgundy);
|
||||
--script-color: var(--UI-Red-70);
|
||||
--divider-color: var(--UI-Red-10);
|
||||
--font-color: var(--Primary-Light-On-Surface-Text);
|
||||
--script-color: var(--Primary-Light-On-Surface-Accent);
|
||||
|
||||
background: var(--Scandic-Brand-Pale-Peach);
|
||||
background: var(--Primary-Light-Surface-Normal);
|
||||
}
|
||||
|
||||
.themeTwo {
|
||||
--font-color: var(--Scandic-Brand-Dark-Green);
|
||||
--script-color: var(--UI-Green-70);
|
||||
--divider-color: var(--UI-Green-10);
|
||||
--font-color: var(--Secondary-Light-On-Surface-Text);
|
||||
--script-color: var(--Secondary-Light-On-Surface-Accent);
|
||||
|
||||
background: var(--Scandic-Brand-Light-Green);
|
||||
background: var(--Secondary-Light-Surface-Normal);
|
||||
}
|
||||
|
||||
.themeThree {
|
||||
--font-color: var(--Scandic-Brand-Dark-Blue);
|
||||
--script-color: var(--UI-Blue-70);
|
||||
--divider-color: var(--UI-Blue-10);
|
||||
--font-color: var(--Tertiary-Light-Surface-Text);
|
||||
--script-color: var(--Tertiary-Light-On-Surface-Accent);
|
||||
|
||||
background: var(--Scandic-Brand-Pale-Yellow);
|
||||
background: var(--Tertiary-Light-Surface-Normal);
|
||||
}
|
||||
|
||||
.scriptContainer {
|
||||
@@ -60,4 +57,4 @@ p.bodyText {
|
||||
display: flex;
|
||||
gap: var(--Spacing-x1);
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user