Skip to content

Commit 97c6651

Browse files
anrgct123vivekr
anrgct
authored and
123vivekr
committed
fix: ligth-theme use white bash block
1 parent 938406e commit 97c6651

File tree

2 files changed

+24
-24
lines changed

2 files changed

+24
-24
lines changed

‎src/components/ToolWidgets.tsx‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -505,8 +505,8 @@ export const ReadResultWidget: React.FC<{ content: string; filePath?: string }>
505505
const isLargeFile = lineCount > 20;
506506

507507
return (
508-
<div className="rounded-lg overflow-hidden border bg-zinc-950 w-full">
509-
<div className="px-4 py-2 border-b bg-zinc-900/50 flex items-center justify-between">
508+
<div className="rounded-lg overflow-hidden border bg-background w-full">
509+
<div className="px-4 py-2 border-b bg-muted/50 flex items-center justify-between">
510510
<div className="flex items-center gap-2">
511511
<FileText className="h-3.5 w-3.5 text-muted-foreground" />
512512
<span className="text-xs font-mono text-muted-foreground">
@@ -560,7 +560,7 @@ export const ReadResultWidget: React.FC<{ content: string; filePath?: string }>
560560
)}
561561

562562
{isLargeFile && !isExpanded && (
563-
<div className="px-4 py-3 text-xs text-muted-foreground text-center bg-zinc-900/30">
563+
<div className="px-4 py-3 text-xs text-muted-foreground text-center bg-muted/30">
564564
Click "Expand" to view the full file
565565
</div>
566566
)}
@@ -654,8 +654,8 @@ export const BashWidget: React.FC<{
654654
}
655655

656656
return (
657-
<div className="rounded-lg border bg-zinc-950 overflow-hidden">
658-
<div className="px-4 py-2 bg-zinc-900/50 flex items-center gap-2 border-b">
657+
<div className="rounded-lg border bg-background overflow-hidden">
658+
<div className="px-4 py-2 bg-muted/50 flex items-center gap-2 border-b">
659659
<Terminal className="h-3.5 w-3.5 text-green-500" />
660660
<span className="text-xs font-mono text-muted-foreground">Terminal</span>
661661
{description && (
@@ -760,9 +760,9 @@ export const WriteWidget: React.FC<{ filePath: string; content: string; result?:
760760
/>
761761

762762
{/* Modal content */}
763-
<div className="relative w-[90vw] h-[90vh] max-w-7xl bg-zinc-950 rounded-lg border shadow-2xl overflow-hidden flex flex-col">
763+
<div className="relative w-[90vw] h-[90vh] max-w-7xl bg-background rounded-lg border shadow-2xl overflow-hidden flex flex-col">
764764
{/* Header */}
765-
<div className="px-6 py-4 border-b bg-zinc-950 flex items-center justify-between">
765+
<div className="px-6 py-4 border-b bg-background flex items-center justify-between">
766766
<div className="flex items-center gap-3">
767767
<FileText className="h-4 w-4 text-muted-foreground" />
768768
<span className="text-sm font-mono text-muted-foreground">{filePath}</span>
@@ -803,15 +803,15 @@ export const WriteWidget: React.FC<{ filePath: string; content: string; result?:
803803

804804
const CodePreview = ({ codeContent, truncated }: { codeContent: string; truncated: boolean }) => (
805805
<div
806-
className="rounded-lg border bg-zinc-950 overflow-hidden w-full"
806+
className="rounded-lg border bg-background overflow-hidden w-full"
807807
style={{
808808
height: truncated ? '440px' : 'auto',
809809
maxHeight: truncated ? '440px' : undefined,
810810
display: 'flex',
811811
flexDirection: 'column'
812812
}}
813813
>
814-
<div className="px-4 py-2 border-b bg-zinc-950 flex items-center justify-between sticky top-0 z-10">
814+
<div className="px-4 py-2 border-b bg-background flex items-center justify-between sticky top-0 z-10">
815815
<span className="text-xs font-mono text-muted-foreground">Preview</span>
816816
{isLargeContent && truncated && (
817817
<div className="flex items-center gap-2">
@@ -1019,7 +1019,7 @@ export const GrepWidget: React.FC<{
10191019
</button>
10201020

10211021
{isExpanded && (
1022-
<div className="rounded-lg border bg-zinc-950 overflow-hidden">
1022+
<div className="rounded-lg border bg-background overflow-hidden">
10231023
<div className="max-h-[400px] overflow-y-auto">
10241024
{grepResults.map((match, idx) => {
10251025
const fileName = match.file.split('/').pop() || match.file;
@@ -1029,7 +1029,7 @@ export const GrepWidget: React.FC<{
10291029
<div
10301030
key={idx}
10311031
className={cn(
1032-
"flex items-start gap-3 p-3 border-b border-zinc-800 hover:bg-zinc-900/50 transition-colors",
1032+
"flex items-start gap-3 p-3 border-b border-border hover:bg-muted/50 transition-colors",
10331033
idx === grepResults.length - 1 && "border-b-0"
10341034
)}
10351035
>
@@ -1145,7 +1145,7 @@ export const EditWidget: React.FC<{
11451145
</code>
11461146
</div>
11471147

1148-
<div className="rounded-lg border bg-zinc-950 overflow-hidden text-xs font-mono">
1148+
<div className="rounded-lg border bg-background overflow-hidden text-xs font-mono">
11491149
<div className="max-h-[440px] overflow-y-auto overflow-x-auto">
11501150
{diffResult.map((part, index) => {
11511151
const partClass = part.added
@@ -1156,7 +1156,7 @@ export const EditWidget: React.FC<{
11561156

11571157
if (!part.added && !part.removed && part.count && part.count > 8) {
11581158
return (
1159-
<div key={index} className="px-4 py-1 bg-zinc-900 border-y border-zinc-800 text-center text-zinc-500 text-xs">
1159+
<div key={index} className="px-4 py-1 bg-muted border-y border-border text-center text-muted-foreground text-xs">
11601160
... {part.count} unchanged lines ...
11611161
</div>
11621162
);
@@ -1241,7 +1241,7 @@ export const EditResultWidget: React.FC<{ content: string }> = ({ content }) =>
12411241
const language = getLanguage(filePath);
12421242

12431243
return (
1244-
<div className="rounded-lg border bg-zinc-950 overflow-hidden">
1244+
<div className="rounded-lg border bg-background overflow-hidden">
12451245
<div className="px-4 py-2 border-b bg-emerald-950/30 flex items-center gap-2">
12461246
<GitBranch className="h-3.5 w-3.5 text-emerald-500" />
12471247
<span className="text-xs font-mono text-emerald-400">Edit Result</span>
@@ -1464,8 +1464,8 @@ export const CommandWidget: React.FC<{
14641464
commandArgs?: string;
14651465
}> = ({ commandName, commandMessage, commandArgs }) => {
14661466
return (
1467-
<div className="rounded-lg border bg-zinc-950/50 overflow-hidden">
1468-
<div className="px-4 py-2 border-b bg-zinc-900/50 flex items-center gap-2">
1467+
<div className="rounded-lg border bg-background/50 overflow-hidden">
1468+
<div className="px-4 py-2 border-b bg-muted/50 flex items-center gap-2">
14691469
<Terminal className="h-3.5 w-3.5 text-blue-500" />
14701470
<span className="text-xs font-mono text-blue-400">Command</span>
14711471
</div>
@@ -1544,8 +1544,8 @@ export const CommandOutputWidget: React.FC<{
15441544
};
15451545

15461546
return (
1547-
<div className="rounded-lg border bg-zinc-950/50 overflow-hidden">
1548-
<div className="px-4 py-2 bg-zinc-900/50 flex items-center gap-2">
1547+
<div className="rounded-lg border bg-background/50 overflow-hidden">
1548+
<div className="px-4 py-2 bg-muted/50 flex items-center gap-2">
15491549
<ChevronRight className="h-3 w-3 text-green-500" />
15501550
<span className="text-xs font-mono text-green-400">Output</span>
15511551
</div>
@@ -1632,7 +1632,7 @@ export const MultiEditWidget: React.FC<{
16321632
return (
16331633
<div key={index} className="space-y-1">
16341634
<div className="text-xs font-medium text-muted-foreground">Edit {index + 1}</div>
1635-
<div className="rounded-lg border bg-zinc-950 overflow-hidden text-xs font-mono">
1635+
<div className="rounded-lg border bg-background overflow-hidden text-xs font-mono">
16361636
<div className="max-h-[300px] overflow-y-auto overflow-x-auto">
16371637
{diffResult.map((part, partIndex) => {
16381638
const partClass = part.added
@@ -1643,7 +1643,7 @@ export const MultiEditWidget: React.FC<{
16431643

16441644
if (!part.added && !part.removed && part.count && part.count > 8) {
16451645
return (
1646-
<div key={partIndex} className="px-4 py-1 bg-zinc-900 border-y border-zinc-800 text-center text-zinc-500 text-xs">
1646+
<div key={partIndex} className="px-4 py-1 bg-muted border-y border-border text-center text-muted-foreground text-xs">
16471647
... {part.count} unchanged lines ...
16481648
</div>
16491649
);

‎src/components/widgets/BashWidget.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,8 @@ export const BashWidget: React.FC<BashWidgetProps> = ({ command, description, re
3131
}
3232

3333
return (
34-
<div className="rounded-lg border bg-zinc-950 overflow-hidden">
35-
<div className="px-4 py-2 bg-zinc-900/50 flex items-center gap-2 border-b">
34+
<div className="rounded-lg border bg-background overflow-hidden">
35+
<div className="px-4 py-2 bg-muted/50 flex items-center gap-2 border-b">
3636
<Terminal className="h-3.5 w-3.5 text-green-500" />
3737
<span className="text-xs font-mono text-muted-foreground">Terminal</span>
3838
{description && (
@@ -59,8 +59,8 @@ export const BashWidget: React.FC<BashWidgetProps> = ({ command, description, re
5959
<div className={cn(
6060
"mt-3 p-3 rounded-md border text-xs font-mono whitespace-pre-wrap overflow-x-auto",
6161
isError
62-
? "border-red-500/20 bg-red-500/5 text-red-400"
63-
: "border-green-500/20 bg-green-500/5 text-green-300"
62+
? "border-[color:var(--color-destructive)]/20 bg-[color:var(--color-destructive)]/5 text-[color:var(--color-destructive)]"
63+
: "border-[color:var(--color-green-500)]/20 bg-[color:var(--color-green-500)]/5 text-[color:var(--color-green-500)]"
6464
)}>
6565
{resultContent || (isError ? "Command failed" : "Command completed")}
6666
</div>

0 commit comments

Comments
 (0)