From ef8eeb1f5d14533f6b0109bf9a04d2abf8e2fb3b Mon Sep 17 00:00:00 2001
From: Jake Howell <jacob@coder.com>
Date: Fri, 22 May 2026 00:21:02 +1000
Subject: [PATCH] fix: resolve badge content color (#25550)

I noticed that the content on our badges for options broke, I've
restored this to using `text-content-primary` so that the content will
always be legible and not inherit from the base body css.

| Old | New |
| --- | --- |
| <img width="718" height="488" alt="CLI_PREVIEW_OLD"
src="https://github.com/user-attachments/assets/98c91591-b8b8-4ed0-bdd5-0bd2fb5f2802"
/> | <img width="718" height="488" alt="CLI_PREVIEW_NEW"
src="https://github.com/user-attachments/assets/5c07a5e0-3fbf-41a0-8454-0e7bd6ee52e8"
/> |
---
 site/src/pages/DeploymentSettingsPage/Option.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/pages/DeploymentSettingsPage/Option.tsx b/site/src/pages/DeploymentSettingsPage/Option.tsx
index 6dc215fe55..219f400d85 100644
--- a/site/src/pages/DeploymentSettingsPage/Option.tsx
+++ b/site/src/pages/DeploymentSettingsPage/Option.tsx
@@ -129,7 +129,7 @@ export const OptionConfigFlag: FC<HTMLAttributes<HTMLDivElement>> = (props) => {
 			data-slot="option-config-flag"
 			className={cn(
 				"block rounded-[1px] bg-border-secondary px-1 py-0.5",
-				"text-[10px] font-semibold leading-none",
+				"text-[10px] font-semibold leading-none text-content-primary",
 				props.className,
 			)}
 		/>