Skip to content

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

@yandez-hon

Description

@yandez-hon

Project

ide

Description

WSLConnect.tsx applies color: var(--text-base) in three places: the distro name label (line 199), the folder path input field (line 271), and the "Open Terminal" quick action button (line 300). In the design token system, --text-base resolves to 14px — a font-size value, not a color. All three 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 on Windows with WSL installed.
Click Activity Bar → Remote Explorer → WSL Targets.
Inspect the distro name label, the folder path input, and the "Open Terminal" button via DevTools.
Note that color: var(--text-base) resolves to 14px — an invalid CSS color value the browser silently discards.

Expected Behavior

All three elements 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 to the active theme.

Actual Behavior

color: var(--text-base) is applied to the distro name at line 199, the folder path at line 271, and the "Open Terminal" at line 300 in WSLConnect.tsx. Since --text-base is 14px, all three CSS color declarations are invalid and silently ignored by the browser, leaving these elements with unintended inherited colors.

Additional Context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingideIssues related to IDEvalidValid issue

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions