Project
ide
Description
The REPL output panel's text and JSON renderers (TextOutput and JsonOutput in REPLOutput.tsx, lines 14 and 63) both set their text color using color: var(--text-base). In the design token system, --text-base is defined as 14px in design-tokens.css — it's a font-size token, not a color. Passing a dimension value to the color property produces invalid CSS. The browser silently discards the rule, so evaluated cell output falls back to whatever color is inherited from an ancestor element. This causes output text to render inconsistently across themes and can make results difficult to read depending on the background in use.
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 and navigate to the REPL panel.
Type any valid expression into the input cell (e.g. 1 + 1 or a JSON-returning call).
Evaluate the expression.
Observe the output rendered below the cell.
Open DevTools → Elements, inspect the
element wrapping the output text.
Check the computed color value on that element.
Expected Behavior
Evaluated output text should render in the primary text color defined by the active theme (--cortex-text-primary). The color property on output elements should resolve to a valid CSS color and remain consistent across all themes.
Actual Behavior
The computed color on the output
element is invalid — var(--text-base) resolves to 14px, so the browser drops the declaration entirely. Output text inherits a color from an ancestor instead, which varies by theme and nesting context. Depending on the active theme this can produce low-contrast or visually inconsistent output. Both plain text output (non-error branch) and JSON-structured output are affected.
Additional Context
No response
Project
ide
Description
The REPL output panel's text and JSON renderers (TextOutput and JsonOutput in REPLOutput.tsx, lines 14 and 63) both set their text color using color: var(--text-base). In the design token system, --text-base is defined as 14px in design-tokens.css — it's a font-size token, not a color. Passing a dimension value to the color property produces invalid CSS. The browser silently discards the rule, so evaluated cell output falls back to whatever color is inherited from an ancestor element. This causes output text to render inconsistently across themes and can make results difficult to read depending on the background in use.
Error Message
Debug Logs
System Information
Screenshots
Steps to Reproduce
Open Cortex IDE and navigate to the REPL panel.
Type any valid expression into the input cell (e.g. 1 + 1 or a JSON-returning call).
Evaluate the expression.
Observe the output rendered below the cell.
Open DevTools → Elements, inspect the