chore: update colors to new design

This commit is contained in:
Matilda Landström
2024-06-19 13:50:37 +02:00
committed by Michael Zetterberg
parent 401b019f41
commit edb45b4ac7
17 changed files with 51 additions and 28 deletions

View File

@@ -33,12 +33,12 @@ export default async function NextLevel({
}
return (
<section>
<Body color="pale" textAlign="center">
<Body color="white" textAlign="center">
{formatMessage({ id: "Next level" })}:
</Body>
<Title
className={styles.nextLevel}
color="pale"
color="white"
level="h3"
textAlign="center"
>

View File

@@ -13,19 +13,19 @@ export default async function Points({ user }: UserProps) {
return (
<section className={styles.points}>
<article>
<Body color="pale" textAlign="center">
<Body color="white" textAlign="center">
{formatMessage({ id: "Total Points" })}
</Body>
<Title color="pale" level="h2" textAlign="center">
<Title color="white" level="h2" textAlign="center">
{membership ? membership.currentPoints : "N/A"}
</Title>
</article>
<article>
<Body color="pale" textAlign="center">
<Body color="white" textAlign="center">
{formatMessage({ id: "Points until next level" })}
{/* TODO */}
</Body>
<Title color="pale" level="h2" textAlign="center">
<Title color="white" level="h2" textAlign="center">
{membership ? membership.currentPoints : "N/A"}
</Title>
</article>

View File

@@ -12,7 +12,7 @@ export default function Stats({ user, lang }: UserProps & LangParams) {
return (
<section className={styles.stats}>
<Points user={user} />
<Divider variant="default" color="peach" />
<Divider variant="default" color="white" />
<NextLevel user={user} lang={lang} />
</section>
)