Skip to content

[BUG] [v1.1.0] ConsoleInput uses --text-base as a color on 2 elements — resolves to 14px (font-size token), not a color #29510

@yandez-hon

Description

@yandez-hon

Project

ide

Description

ConsoleInput.tsx applies color: var(--text-base) in two places: the completion item label in the autocomplete dropdown (line 201), and the expression input <textarea> in the Debug Console (line 224). In the design token system, --text-base resolves to 14px — a font-size value, not a color. Both declarations produce invalid CSS that browsers silently discard, causing these elements to fall back to inherited colors rather than the intended theme values.

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.
Start a debug session and pause execution.
Open the Debug Console panel.
Type an expression to trigger autocomplete suggestions.
Inspect the completion item labels and the input textarea via DevTools.
Note that color: var(--text-base) resolves to 14px — an invalid CSS color value the browser silently discards on both elements.

Expected Behavior

Both the completion item labels and the expression input textarea should use a valid color token such as var(--text-default) or var(--text-strong) so they render with the correct foreground color and adapt properly to the active theme.

Actual Behavior

color: var(--text-base) is applied to the completion label at line 201 and the input <textarea> at line 224 in ConsoleInput.tsx. Since --text-base is 14px, both CSS color declarations are invalid and silently ignored by the browser, leaving both elements with unintended inherited colors across all themes.

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