diff --git a/website/src/components/brand/styles/dotnet-upgrade.module.css b/website/src/components/brand/styles/dotnet-upgrade.module.css index e8a01566..854b9221 100644 --- a/website/src/components/brand/styles/dotnet-upgrade.module.css +++ b/website/src/components/brand/styles/dotnet-upgrade.module.css @@ -515,6 +515,11 @@ display: flex; flex-direction: column; gap: var(--base-size-16); + /* Raw markdown is injected here without Primer Brand components, so it would + otherwise inherit `color` from `body` — which sits *outside* the + ThemeProvider and therefore always resolves the light-mode token. Setting + it here resolves the token inside the themed scope instead. */ + color: var(--brand-color-text-default); /* Large base padding around the text on all sides of the content column. */ padding: var(--base-size-32); /* Section divider — kept inside the left (text) column only, spanning from its diff --git a/website/src/components/brand/styles/github-copilot-app.module.css b/website/src/components/brand/styles/github-copilot-app.module.css index 5eaa90aa..78c277c8 100644 --- a/website/src/components/brand/styles/github-copilot-app.module.css +++ b/website/src/components/brand/styles/github-copilot-app.module.css @@ -940,6 +940,11 @@ display: flex; flex-direction: column; gap: var(--base-size-16); + /* Raw markdown is injected here without Primer Brand components, so it would + otherwise inherit `color` from `body` — which sits *outside* the + ThemeProvider and therefore always resolves the light-mode token. Setting + it here resolves the token inside the themed scope instead. */ + color: var(--brand-color-text-default); padding: var(--base-size-32); border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);