Skip to content

Commit add647d

Browse files
Gerome-ElassaadGerome-Elassaad
committed
update theme classes in workbench and terminal
1 parent 04a25d4 commit add647d

13 files changed

Lines changed: 145 additions & 144 deletions

‎app/components/workbench/DiffView.tsx‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ interface FullscreenButtonProps {
4040
const FullscreenButton = memo(({ onClick, isFullscreen }: FullscreenButtonProps) => (
4141
<button
4242
onClick={onClick}
43-
className="ml-4 p-1 rounded hover:bg-bolt-elements-background-depth-3 text-bolt-elements-textTertiary hover:text-bolt-elements-textPrimary transition-colors"
43+
className="ml-4 p-1 rounded hover:bg-codinit-elements-background-depth-3 text-codinit-elements-textTertiary hover:text-codinit-elements-textPrimary transition-colors"
4444
title={isFullscreen ? 'Exit Fullscreen' : 'Enter Fullscreen'}
4545
>
4646
<div className={isFullscreen ? 'i-ph:corners-in' : 'i-ph:corners-out'} />
@@ -54,7 +54,7 @@ const FullscreenOverlay = memo(({ isFullscreen, children }: { isFullscreen: bool
5454

5555
return (
5656
<div className="fixed inset-0 z-[9999] bg-black/50 flex items-center justify-center p-6">
57-
<div className="w-full h-full max-w-[90vw] max-h-[90vh] bg-bolt-elements-background-depth-2 rounded-lg border border-bolt-elements-borderColor shadow-xl overflow-hidden">
57+
<div className="w-full h-full max-w-[90vw] max-h-[90vh] bg-codinit-elements-background-depth-2 rounded-lg border border-codinit-elements-borderColor shadow-xl overflow-hidden">
5858
{children}
5959
</div>
6060
</div>
@@ -313,9 +313,9 @@ const processChanges = (beforeCode: string, afterCode: string) => {
313313
};
314314

315315
const lineNumberStyles =
316-
'w-9 shrink-0 pl-2 py-1 text-left font-mono text-bolt-elements-textTertiary border-r border-bolt-elements-borderColor bg-bolt-elements-background-depth-1';
316+
'w-9 shrink-0 pl-2 py-1 text-left font-mono text-codinit-elements-textTertiary border-r border-codinit-elements-borderColor bg-codinit-elements-background-depth-1';
317317
const lineContentStyles =
318-
'px-1 py-1 font-mono whitespace-pre flex-1 group-hover:bg-bolt-elements-background-depth-2 text-bolt-elements-textPrimary';
318+
'px-1 py-1 font-mono whitespace-pre flex-1 group-hover:bg-codinit-elements-background-depth-2 text-codinit-elements-textPrimary';
319319
const diffPanelStyles = 'h-full overflow-auto diff-panel-content';
320320

321321
// Updated color styles for better consistency
@@ -328,14 +328,14 @@ const diffLineStyles = {
328328
const changeColorStyles = {
329329
added: 'text-green-700 dark:text-green-500 bg-green-500/10 dark:bg-green-500/20',
330330
removed: 'text-red-700 dark:text-red-500 bg-red-500/10 dark:bg-red-500/20',
331-
unchanged: 'text-bolt-elements-textPrimary',
331+
unchanged: 'text-codinit-elements-textPrimary',
332332
};
333333

334334
const renderContentWarning = (type: 'binary' | 'error') => (
335335
<div className="h-full flex items-center justify-center p-4">
336-
<div className="text-center text-bolt-elements-textTertiary">
336+
<div className="text-center text-codinit-elements-textTertiary">
337337
<div className={`i-ph:${type === 'binary' ? 'file-x' : 'warning-circle'} text-4xl text-red-400 mb-2 mx-auto`} />
338-
<p className="font-medium text-bolt-elements-textPrimary">
338+
<p className="font-medium text-codinit-elements-textPrimary">
339339
{type === 'binary' ? 'Binary file detected' : 'Error processing file'}
340340
</p>
341341
<p className="text-sm mt-1">
@@ -358,13 +358,13 @@ const NoChangesView = memo(
358358
theme: string;
359359
}) => (
360360
<div className="h-full flex flex-col items-center justify-center p-4">
361-
<div className="text-center text-bolt-elements-textTertiary">
361+
<div className="text-center text-codinit-elements-textTertiary">
362362
<div className="i-ph:files text-4xl text-green-400 mb-2 mx-auto" />
363-
<p className="font-medium text-bolt-elements-textPrimary">Files are identical</p>
363+
<p className="font-medium text-codinit-elements-textPrimary">Files are identical</p>
364364
<p className="text-sm mt-1">Both versions match exactly</p>
365365
</div>
366-
<div className="mt-4 w-full max-w-2xl bg-bolt-elements-background-depth-1 rounded-lg border border-bolt-elements-borderColor overflow-hidden">
367-
<div className="p-2 text-xs font-bold text-bolt-elements-textTertiary border-b border-bolt-elements-borderColor">
366+
<div className="mt-4 w-full max-w-2xl bg-codinit-elements-background-depth-1 rounded-lg border border-codinit-elements-borderColor overflow-hidden">
367+
<div className="p-2 text-xs font-bold text-codinit-elements-textTertiary border-b border-codinit-elements-borderColor">
368368
Current Content
369369
</div>
370370
<div className="overflow-auto max-h-96">
@@ -457,7 +457,7 @@ const CodeLine = memo(
457457
<div className="flex group min-w-fit">
458458
<div className={lineNumberStyles}>{lineNumber + 1}</div>
459459
<div className={`${lineContentStyles} ${bgColor}`}>
460-
<span className="mr-2 text-bolt-elements-textTertiary">
460+
<span className="mr-2 text-codinit-elements-textTertiary">
461461
{type === 'added' && <span className="text-green-700 dark:text-green-500">+</span>}
462462
{type === 'removed' && <span className="text-red-700 dark:text-red-500">-</span>}
463463
{type === 'unchanged' && ' '}
@@ -517,7 +517,7 @@ const FileInfo = memo(
517517
const showStats = additions > 0 || deletions > 0;
518518

519519
return (
520-
<div className="flex items-center bg-bolt-elements-background-depth-1 p-2 text-sm text-bolt-elements-textPrimary shrink-0">
520+
<div className="flex items-center bg-codinit-elements-background-depth-1 p-2 text-sm text-codinit-elements-textPrimary shrink-0">
521521
<div className="i-ph:file mr-2 h-4 w-4 shrink-0" />
522522
<span className="truncate">{filename}</span>
523523
<span className="ml-auto shrink-0 flex items-center gap-2">
@@ -530,7 +530,7 @@ const FileInfo = memo(
530530
</div>
531531
)}
532532
<span className="text-yellow-600 dark:text-yellow-400">Modified</span>
533-
<span className="text-bolt-elements-textTertiary text-xs">{new Date().toLocaleTimeString()}</span>
533+
<span className="text-codinit-elements-textTertiary text-xs">{new Date().toLocaleTimeString()}</span>
534534
</>
535535
) : (
536536
<span className="text-green-700 dark:text-green-400">No Changes</span>
@@ -714,7 +714,7 @@ export const DiffView = memo(({ fileHistory, setFileHistory }: DiffViewProps) =>
714714

715715
if (!selectedFile || !currentDocument) {
716716
return (
717-
<div className="flex w-full h-full justify-center items-center bg-bolt-elements-background-depth-1 text-bolt-elements-textPrimary">
717+
<div className="flex w-full h-full justify-center items-center bg-codinit-elements-background-depth-1 text-codinit-elements-textPrimary">
718718
Select a file to view differences
719719
</div>
720720
);
@@ -744,7 +744,7 @@ export const DiffView = memo(({ fileHistory, setFileHistory }: DiffViewProps) =>
744744
} catch (error) {
745745
console.error('DiffView render error:', error);
746746
return (
747-
<div className="flex w-full h-full justify-center items-center bg-bolt-elements-background-depth-1 text-red-400">
747+
<div className="flex w-full h-full justify-center items-center bg-codinit-elements-background-depth-1 text-red-400">
748748
<div className="text-center">
749749
<div className="i-ph:warning-circle text-4xl mb-2" />
750750
<p>Failed to render diff view</p>

‎app/components/workbench/EditorPanel.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -84,32 +84,32 @@ export const EditorPanel = memo(
8484
<PanelGroup direction="vertical">
8585
<Panel defaultSize={showTerminal ? DEFAULT_EDITOR_SIZE : 100} minSize={20}>
8686
<PanelGroup direction="horizontal">
87-
<Panel defaultSize={20} minSize={15} collapsible className="border-r border-bolt-elements-borderColor">
87+
<Panel defaultSize={20} minSize={15} collapsible className="border-r border-codinit-elements-borderColor">
8888
<div className="h-full">
8989
<Tabs.Root defaultValue="files" className="flex flex-col h-full">
90-
<PanelHeader className="w-full text-sm font-medium text-bolt-elements-textSecondary px-1">
90+
<PanelHeader className="w-full text-sm font-medium text-codinit-elements-textSecondary px-1">
9191
<div className="h-full flex-shrink-0 flex items-center justify-between w-full">
9292
<Tabs.List className="h-full flex-shrink-0 flex items-center">
9393
<Tabs.Trigger
9494
value="files"
9595
className={classNames(
96-
'h-full bg-transparent hover:bg-bolt-elements-background-depth-3 py-0.5 px-2 rounded-lg text-sm font-medium text-bolt-elements-textTertiary hover:text-bolt-elements-textPrimary data-[state=active]:text-bolt-elements-textPrimary',
96+
'h-full bg-transparent hover:bg-codinit-elements-background-depth-3 py-0.5 px-2 rounded-lg text-sm font-medium text-codinit-elements-textTertiary hover:text-codinit-elements-textPrimary data-[state=active]:text-codinit-elements-textPrimary',
9797
)}
9898
>
9999
Files
100100
</Tabs.Trigger>
101101
<Tabs.Trigger
102102
value="search"
103103
className={classNames(
104-
'h-full bg-transparent hover:bg-bolt-elements-background-depth-3 py-0.5 px-2 rounded-lg text-sm font-medium text-bolt-elements-textTertiary hover:text-bolt-elements-textPrimary data-[state=active]:text-bolt-elements-textPrimary',
104+
'h-full bg-transparent hover:bg-codinit-elements-background-depth-3 py-0.5 px-2 rounded-lg text-sm font-medium text-codinit-elements-textTertiary hover:text-codinit-elements-textPrimary data-[state=active]:text-codinit-elements-textPrimary',
105105
)}
106106
>
107107
Search
108108
</Tabs.Trigger>
109109
<Tabs.Trigger
110110
value="locks"
111111
className={classNames(
112-
'h-full bg-transparent hover:bg-bolt-elements-background-depth-3 py-0.5 px-2 rounded-lg text-sm font-medium text-bolt-elements-textTertiary hover:text-bolt-elements-textPrimary data-[state=active]:text-bolt-elements-textPrimary',
112+
'h-full bg-transparent hover:bg-codinit-elements-background-depth-3 py-0.5 px-2 rounded-lg text-sm font-medium text-codinit-elements-textTertiary hover:text-codinit-elements-textPrimary data-[state=active]:text-codinit-elements-textPrimary',
113113
)}
114114
>
115115
Locks

‎app/components/workbench/ExpoQrModal.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,12 @@ export const ExpoQrModal: React.FC<ExpoQrModalProps> = ({ open, onClose }) => {
1919
showCloseButton={true}
2020
onClose={onClose}
2121
>
22-
<div className="border !border-bolt-elements-borderColor flex flex-col gap-5 justify-center items-center p-6 bg-bolt-elements-background-depth-2 rounded-md">
23-
<div className="i-bolt:expo-brand h-10 w-full invert dark:invert-none"></div>
24-
<DialogTitle className="text-bolt-elements-textTertiary text-lg font-semibold leading-6">
22+
<div className="border !border-codinit-elements-borderColor flex flex-col gap-5 justify-center items-center p-6 bg-codinit-elements-background-depth-2 rounded-md">
23+
<div className="i-codinit:expo-brand h-10 w-full invert dark:invert-none"></div>
24+
<DialogTitle className="text-codinit-elements-textTertiary text-lg font-semibold leading-6">
2525
Preview on your own mobile device
2626
</DialogTitle>
27-
<DialogDescription className="bg-bolt-elements-background-depth-3 max-w-sm rounded-md p-1 border border-bolt-elements-borderColor">
27+
<DialogDescription className="bg-codinit-elements-background-depth-3 max-w-sm rounded-md p-1 border border-codinit-elements-borderColor">
2828
Scan this QR code with the Expo Go app on your mobile device to open your project.
2929
</DialogDescription>
3030
<div className="my-6 flex flex-col items-center">

‎app/components/workbench/FileBreadcrumb.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -91,8 +91,8 @@ export const FileBreadcrumb = memo<FileBreadcrumbProps>(({ files, pathSegments =
9191
segmentRefs.current[index] = ref;
9292
}}
9393
className={classNames('flex items-center gap-1.5 cursor-pointer shrink-0', {
94-
'text-bolt-elements-textTertiary hover:text-bolt-elements-textPrimary': !isActive,
95-
'text-bolt-elements-textPrimary underline': isActive,
94+
'text-codinit-elements-textTertiary hover:text-codinit-elements-textPrimary': !isActive,
95+
'text-codinit-elements-textPrimary underline': isActive,
9696
'pr-4': isLast,
9797
})}
9898
onClick={() => handleSegmentClick(index)}
@@ -120,7 +120,7 @@ export const FileBreadcrumb = memo<FileBreadcrumbProps>(({ files, pathSegments =
120120
variants={contextMenuVariants}
121121
>
122122
<div className="rounded-lg overflow-hidden">
123-
<div className="max-h-[50vh] min-w-[300px] overflow-scroll bg-bolt-elements-background-depth-1 border border-bolt-elements-borderColor shadow-sm rounded-lg">
123+
<div className="max-h-[50vh] min-w-[300px] overflow-scroll bg-codinit-elements-background-depth-1 border border-codinit-elements-borderColor shadow-sm rounded-lg">
124124
<FileTree
125125
files={files}
126126
hideRoot
@@ -135,7 +135,7 @@ export const FileBreadcrumb = memo<FileBreadcrumbProps>(({ files, pathSegments =
135135
/>
136136
</div>
137137
</div>
138-
<DropdownMenu.Arrow className="fill-bolt-elements-borderColor" />
138+
<DropdownMenu.Arrow className="fill-codinit-elements-borderColor" />
139139
</motion.div>
140140
</DropdownMenu.Content>
141141
</DropdownMenu.Portal>

0 commit comments

Comments
 (0)