render logged source code in the debug console

Description

Contributor guide

Tech stack

typescriptcss

Domain

frontend

Issue type

feature

DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.

2

Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.

under 1 hour

Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.

stale

ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.

mostly clear

Prerequisites

Theia debug console UICSS variables

Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.

75

Research direction

Locate the debug console source code rendering component in the Theia repository (likely under packages/debug). Find where the hardcoded color for logged source code is defined and replace it with the CSS variable ` theia debugConsole sourceForeground`. Ensure the variable is defined in the theme files. Refer to the issue for the exact screenshot and expected behavior.