diff --git a/src/profiles/marketplace.ts b/src/profiles/marketplace.ts index 5fc5b88..3390e90 100644 --- a/src/profiles/marketplace.ts +++ b/src/profiles/marketplace.ts @@ -4,6 +4,7 @@ export interface MarketplaceIndex { banner: Localized<{ backgroundUrl: string, backgroundAccent?: string, + useLightText?: boolean, preHeaderText?: string, headerText: string, diff --git a/src/routes/Marketplace/Marketplace.module.css b/src/routes/Marketplace/Marketplace.module.css index a797df3..e7284e0 100644 --- a/src/routes/Marketplace/Marketplace.module.css +++ b/src/routes/Marketplace/Marketplace.module.css @@ -54,6 +54,14 @@ text-transform: uppercase; } +.lightBannerText > .preHeader { + color: rgba(255, 255, 255, 0.4); +} + +.lightBannerText > .header { + color: #FFF; +} + .banner > .buttons { margin-top: 12px; display: flex; diff --git a/src/routes/Marketplace/index.tsx b/src/routes/Marketplace/index.tsx index e31dbdf..4ffabcd 100644 --- a/src/routes/Marketplace/index.tsx +++ b/src/routes/Marketplace/index.tsx @@ -36,10 +36,15 @@ function Marketplace() { const banner = localizeObject(marketIndex.banner, "en-US"); + const bannerStyles = [ styles.banner ]; + if (banner.useLightText) { + bannerStyles.push(styles.lightBannerText); + } + return
-
{banner.previewUrl !== undefined && -