Project
ide
Description
ToolchainSelector.tsx applies color: var(--text-base) in two places: the search input field in the toolchain dropdown (line 283), and the active toolchain name label shown in the footer of the dropdown (line 312). 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
Steps to Reproduce
Open Cortex IDE.
Click the Toolchain indicator in the Status Bar to open the toolchain selector dropdown.
Inspect the search input field and the active toolchain name label at the bottom of the dropdown via DevTools.
Note that color: var(--text-base) resolves to 14px — an invalid CSS color value the browser silently discards.
Expected Behavior
Both the search input and the active toolchain name label 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 search at line 283 and the active toolchain name at line 312 in ToolchainSelector.tsx. Since --text-base is 14px, both CSS color declarations are invalid and silently ignored by the browser, leaving these elements with unintended inherited colors.
Additional Context
No response
Project
ide
Description
ToolchainSelector.tsx applies color: var(--text-base) in two places: the search input field in the toolchain dropdown (line 283), and the active toolchain name label shown in the footer of the dropdown (line 312). 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
Screenshots
Steps to Reproduce
Open Cortex IDE.
Click the Toolchain indicator in the Status Bar to open the toolchain selector dropdown.
Inspect the search input field and the active toolchain name label at the bottom of the dropdown via DevTools.
Note that color: var(--text-base) resolves to 14px — an invalid CSS color value the browser silently discards.
Expected Behavior
Both the search input and the active toolchain name label 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 search at line 283 and the active toolchain name at line 312 in ToolchainSelector.tsx. Since --text-base is 14px, both CSS color declarations are invalid and silently ignored by the browser, leaving these elements with unintended inherited colors.
Additional Context
No response