From 93cdc209f5ab9cc08ccb447b7abc62a47950b083 Mon Sep 17 00:00:00 2001
From: Will Hinz <hinzwilliam52@gmail.com>
Date: Tue, 24 Mar 2026 19:23:41 -0700
Subject: [PATCH] fix: resolve [bug] [v1.1.0] about cortex desktop
 (systemspecs): labels and secondary text use tailwind text-neutral-* /
 text-red-400 instead of cortex text/error tokens

Signed-off-by: hinzwilliam52-ship-it <hinzwilliam52@gmail.com>
---
 FIX_PROPOSAL.md | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 FIX_PROPOSAL.md

diff --git a/FIX_PROPOSAL.md b/FIX_PROPOSAL.md
new file mode 100644
index 0000000..ae18326
--- /dev/null
+++ b/FIX_PROPOSAL.md
@@ -0,0 +1,48 @@
+To fix the issue, we need to replace the Tailwind palette classes with the Cortex text tokens in the `SystemSpecs.tsx` file. 
+
+Here's the exact code fix:
+
+Replace the following lines:
+```tsx
+className="text-neutral-400"
+className="text-neutral-500"
+className="text-red-400"
+```
+With:
+```tsx
+className="text-secondary" // for secondary text
+className="text-inactive" // for inactive text
+className="text-error" // for error text
+```
+Or, if you want to use the Cortex CSS variable theme:
+```tsx
+style={{ color: 'var(--cortex-text-secondary)' }} // for secondary text
+style={{ color: 'var(--cortex-text-inactive)' }} // for inactive text
+style={{ color: 'var(--cortex-error)' }} // for error text
+```
+Make sure to update all occurrences of `text-neutral-400`, `text-neutral-500`, and `text-red-400` in the `SystemSpecs.tsx` file.
+
+Here's an example of how the updated code might look:
+```tsx
+// Before
+<div className="text-neutral-400">Secondary text</div>
+<div className="text-neutral-500">Inactive text</div>
+<div className="text-red-400">Error text</div>
+
+// After
+<div className="text-secondary">Secondary text</div>
+<div className="text-inactive">Inactive text</div>
+<div className="text-error">Error text</div>
+```
+Or:
+```tsx
+// Before
+<div className="text-neutral-400">Secondary text</div>
+<div className="text-neutral-500">Inactive text</div>
+<div className="text-red-400">Error text</div>
+
+// After
+<div style={{ color: 'var(--cortex-text-secondary)' }}>Secondary text</div>
+<div style={{ color: 'var(--cortex-text-inactive)' }}>Inactive text</div>
+<div style={{ color: 'var(--cortex-error)' }}>Error text</div>
+```
\ No newline at end of file