Skip to content

[BUG] [v1.1.0] Quick Fix popup text renders with invalid CSS color — color: var(--text-base) resolves to 14px in two places #29499

@yandez-hon

Description

@yandez-hon

Project

ide

Description

Inside the Terminal Quick Fix popup (src/components/TerminalQuickFix.tsx, lines 933 and 1073), two text elements set their color using color: var(--text-base). In the design token system, --text-base is defined as 14px in design-tokens.css — a font-size value, not a color. Both declarations are invalid CSS. The browser silently drops them, leaving the "Quick Fix" header label and each individual fix action label to fall back to an inherited color instead of the intended theme value. Since these are the two most prominent pieces of text in the popup — the title and the fix option names — the visual result is unpredictable depending on which theme and surrounding context are active when the panel opens.

Error Message

Debug Logs

System Information

Cortex IDE: v1.1.0
OS: Ubuntu 25.04
CPU: 13th Gen Intel Core i7-13650HX
RAM: 15 GB total

Screenshots

Image

Steps to Reproduce

Open Cortex IDE and open an integrated terminal.
Run a command that produces a detectable error, for example a misspelled command (gti status) or a missing module reference.
Wait for the Quick Fix lightbulb indicator to appear in the terminal output area.
Click the lightbulb to open the Quick Fix popup.
Open DevTools → Elements and inspect the "Quick Fix" header span (line 933) and one of the fix action label spans (line 1073).
Check the computed color value on each element.

Expected Behavior

The "Quick Fix" popup header label and each fix action title should render in the primary text color defined by the active theme (--cortex-text-primary). Both elements should display clearly and consistently regardless of which theme is loaded.

Actual Behavior

color: var(--text-base) resolves to 14px on both the header label and the fix action labels, so the browser discards the rules entirely. The text on these elements inherits color from an ancestor rather than using the intended token, producing inconsistent rendering across themes. In practice this means the most important text in the Quick Fix popup — the title and the clickable fix names — can display in the wrong color or become hard to read depending on the active theme.

Additional Context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingduplicateThis issue or pull request already existsideIssues related to IDE

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions