abbyswag/qwen-code
1
0
Fork 0
mirror of https://github.com/QwenLM/qwen-code.git synced 2025-12-20 16:57:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update light themes (#726)

Browse Source
This commit is contained in:
Miguel Solorio
2025-06-04 10:41:03 -07:00
committed by GitHub
parent a14aada945
commit a2f03636a5
8 changed files with 369 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/cli/src/ui/utils/CodeColorizer.tsx
View File

@@ -97,6 +97,7 @@ export function colorizeCode(
// Render the HAST tree using the adapted theme
// Apply the theme's default foreground color to the top-level Text element
const lines = codeToHighlight.split('\n');
const padWidth = String(lines.length).length; // Calculate padding width based on number of lines
const getHighlightedLines = (line: string) =>
!language || !lowlight.registered(language)
? lowlight.highlightAuto(line)
@@ -107,7 +108,7 @@ export function colorizeCode(
{lines.map((line, index) => (
<Text key={index}>
<Text color={activeTheme.colors.SubtleComment}>
{`${String(index + 1).padStart(3, ' ')} `}
{`${String(index + 1).padStart(padWidth, ' ')} `}
</Text>
<Text color={activeTheme.defaultColor}>
{renderHastNode(
@@ -129,14 +130,15 @@ export function colorizeCode(
// Fallback to plain text with default color on error
// Also display line numbers in fallback
const lines = codeToHighlight.split('\n');
const padWidth = String(lines.length).length; // Calculate padding width based on number of lines
return (
<Text>
{lines.map((line, index) => (
<Text key={index}>
<Text color={activeTheme.colors.SubtleComment}>
{`${String(index + 1).padStart(3, ' ')} `}
<Text color={activeTheme.defaultColor}>
{`${String(index + 1).padStart(padWidth, ' ')} `}
</Text>
<Text color={activeTheme.defaultColor}>{line}</Text>
<Text color={activeTheme.colors.SubtleComment}>{line}</Text>
{index < lines.length - 1 && '\n'}
</Text>
))}