style changes

waleedlatif1 · waleedlatif1 · commit a766e01fd8d2 · 2025-09-09T12:44:38.000-07:00
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/create-chunk-modal/create-chunk-modal.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/create-chunk-modal/create-chunk-modal.tsx
@@ -192,7 +192,7 @@ export function CreateChunkModal({
                 <Button
                   onClick={handleCreateChunk}
                   disabled={!isFormValid || isCreating}
-                  className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-secondary-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'
+                  className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-secondary-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'
                 >
                   {isCreating ? (
                     <>
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/document-loading.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/document-loading.tsx
@@ -66,7 +66,7 @@ export function DocumentLoading({
                 <Button
                   disabled
                   size='sm'
-                  className='flex items-center gap-1 bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50'
+                  className='flex items-center gap-1 bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50'
                 >
                   <Plus className='h-3.5 w-3.5' />
                   <span>Create Chunk</span>
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/edit-chunk-modal/edit-chunk-modal.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/edit-chunk-modal/edit-chunk-modal.tsx
@@ -312,7 +312,7 @@ export function EditChunkModal({
                   <Button
                     onClick={handleSaveContent}
                     disabled={!isFormValid || isSaving || !hasUnsavedChanges || isNavigating}
-                    className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'
+                    className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'
                   >
                     {isSaving ? (
                       <>
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/knowledge-base-loading/knowledge-base-loading.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/knowledge-base-loading/knowledge-base-loading.tsx
@@ -57,7 +57,7 @@ export function KnowledgeBaseLoading({ knowledgeBaseName }: KnowledgeBaseLoading
                   <Button
                     disabled
                     size='sm'
-                    className='flex items-center gap-1 bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50'
+                    className='flex items-center gap-1 bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50'
                   >
                     <div className='h-3.5 w-3.5 animate-pulse rounded bg-primary-foreground/30' />
                     <span>Add Documents</span>
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/upload-modal/upload-modal.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/upload-modal/upload-modal.tsx
@@ -290,7 +290,7 @@ export function UploadModal({
             <Button
               onClick={handleUpload}
               disabled={files.length === 0 || isUploading}
-              className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'
+              className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'
             >
               {isUploading
                 ? uploadProgress.stage === 'uploading'
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/components/create-modal/create-modal.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/components/create-modal/create-modal.tsx
@@ -627,7 +627,7 @@ export function CreateModal({ open, onOpenChange, onKnowledgeBaseCreated }: Crea
                 <Button
                   type='submit'
                   disabled={isSubmitting || !nameValue?.trim()}
-                  className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50 disabled:hover:shadow-none'
+                  className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50 disabled:hover:shadow-none'
                 >
                   {isSubmitting
                     ? isUploading
diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/loading.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/loading.tsx
@@ -37,7 +37,7 @@ export default function KnowledgeLoading() {
                 <Button
                   disabled
                   size='sm'
-                  className='flex items-center gap-1 bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50'
+                  className='flex items-center gap-1 bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50'
                 >
                   <Plus className='h-3.5 w-3.5' />
                   <span>Create</span>
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/deployment-info/components/example-command/example-command.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/deploy-modal/components/deployment-info/components/example-command/example-command.tsx
@@ -156,7 +156,7 @@ export function ExampleCommand({
               onClick={() => setMode('sync')}
               className={`h-6 min-w-[50px] px-2 py-1 text-xs transition-none ${
                 mode === 'sync'
-                  ? 'border-primary bg-primary text-muted-foreground-foreground hover:border-primary hover:bg-primary hover:text-muted-foreground-foreground'
+                  ? 'border-primary bg-primary text-muted-foreground hover:border-primary hover:bg-primary hover:text-muted-foreground'
                   : ''
               }`}
             >
@@ -168,7 +168,7 @@ export function ExampleCommand({
               onClick={() => setMode('async')}
               className={`h-6 min-w-[50px] px-2 py-1 text-xs transition-none ${
                 mode === 'async'
-                  ? 'border-primary bg-primary text-muted-foreground-foreground hover:border-primary hover:bg-primary hover:text-muted-foreground-foreground'
+                  ? 'border-primary bg-primary text-muted-foreground hover:border-primary hover:bg-primary hover:text-muted-foreground'
                   : ''
               }`}
             >
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/template-modal/template-modal.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components/template-modal/template-modal.tsx
@@ -446,7 +446,7 @@ export function TemplateModal({ open, onOpenChange, workflowId }: TemplateModalP
                                         className={cn(
                                           'flex h-8 w-8 items-center justify-center rounded-md border transition-colors hover:bg-muted',
                                           field.value === icon.value &&
-                                            'bg-primary text-muted-foreground-foreground'
+                                            'bg-primary text-muted-foreground'
                                         )}
                                       >
                                         <IconComponent className='h-4 w-4' />
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/components/sub-block/components/webhook/components/providers/outlook.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/components/sub-block/components/webhook/components/providers/outlook.tsx
@@ -256,7 +256,7 @@ export function OutlookConfig({
                   variant={isSelected ? 'default' : 'secondary'}
                   className={`cursor-pointer transition-colors ${
                     isSelected
-                      ? 'bg-primary text-muted-foreground-foreground hover:bg-primary/90'
+                      ? 'bg-primary text-muted-foreground hover:bg-primary/90'
                       : 'hover:bg-secondary/80'
                   }`}
                   onClick={() => {
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/help-modal/help-modal.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/help-modal/help-modal.tsx
@@ -517,7 +517,7 @@ export function HelpModal({ open, onOpenChange }: HelpModalProps) {
                       ? 'border border-red-500 bg-transparent text-red-500 hover:bg-red-500 hover:text-white dark:border-red-500 dark:text-red-500 dark:hover:bg-red-500'
                       : submitStatus === 'success'
                         ? 'border border-green-500 bg-transparent text-green-500 hover:bg-green-500 hover:text-white dark:border-green-500 dark:text-green-500 dark:hover:bg-green-500'
-                        : 'bg-[var(--brand-primary-hex)] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50 disabled:hover:shadow-none'
+                        : 'bg-[var(--brand-primary-hex)] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50 disabled:hover:shadow-none'
                   )}
                 >
                   {isSubmitting
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/api-keys/api-keys.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/api-keys/api-keys.tsx
@@ -288,7 +288,7 @@ export function ApiKeys({ onOpenChange }: ApiKeysProps) {
                 handleCreateKey()
                 setNewKeyName('')
               }}
-              className='h-9 w-full rounded-[8px] bg-primary text-muted-foreground-foreground transition-all duration-200 hover:bg-primary/90'
+              className='h-9 w-full rounded-[8px] bg-primary text-muted-foreground transition-all duration-200 hover:bg-primary/90'
               disabled={!newKeyName.trim()}
             >
               Create Key

Original file line number	Diff line number	Diff line change
`@@ -192,7 +192,7 @@ export function CreateChunkModal({`
`192`	`192`	`<Button`
`193`	`193`	`onClick={handleCreateChunk}`
`194`	`194`	`disabled={!isFormValid \|\| isCreating}`
`195`		`- className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-secondary-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'`
	`195`	`+ className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-secondary-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'`
`196`	`196`	`>`
`197`	`197`	`{isCreating ? (`
`198`	`198`	`<>`
Original file line number	Diff line number	Diff line change
`@@ -66,7 +66,7 @@ export function DocumentLoading({`
`66`	`66`	`<Button`
`67`	`67`	`disabled`
`68`	`68`	`size='sm'`
`69`		`- className='flex items-center gap-1 bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50'`
	`69`	`+ className='flex items-center gap-1 bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50'`
`70`	`70`	`>`
`71`	`71`	`<Plus className='h-3.5 w-3.5' />`
`72`	`72`	`<span>Create Chunk</span>`
Original file line number	Diff line number	Diff line change
`@@ -312,7 +312,7 @@ export function EditChunkModal({`
`312`	`312`	`<Button`
`313`	`313`	`onClick={handleSaveContent}`
`314`	`314`	`disabled={!isFormValid \|\| isSaving \|\| !hasUnsavedChanges \|\| isNavigating}`
`315`		`- className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'`
	`315`	`+ className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'`
`316`	`316`	`>`
`317`	`317`	`{isSaving ? (`
`318`	`318`	`<>`
Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,7 @@ export function KnowledgeBaseLoading({ knowledgeBaseName }: KnowledgeBaseLoading`
`57`	`57`	`<Button`
`58`	`58`	`disabled`
`59`	`59`	`size='sm'`
`60`		`- className='flex items-center gap-1 bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50'`
	`60`	`+ className='flex items-center gap-1 bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50'`
`61`	`61`	`>`
`62`	`62`	`<div className='h-3.5 w-3.5 animate-pulse rounded bg-primary-foreground/30' />`
`63`	`63`	`<span>Add Documents</span>`
Original file line number	Diff line number	Diff line change
`@@ -290,7 +290,7 @@ export function UploadModal({`
`290`	`290`	`<Button`
`291`	`291`	`onClick={handleUpload}`
`292`	`292`	`disabled={files.length === 0 \|\| isUploading}`
`293`		`- className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'`
	`293`	`+ className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'`
`294`	`294`	`>`
`295`	`295`	`{isUploading`
`296`	`296`	`? uploadProgress.stage === 'uploading'`
Original file line number	Diff line number	Diff line change
`@@ -627,7 +627,7 @@ export function CreateModal({ open, onOpenChange, onKnowledgeBaseCreated }: Crea`
`627`	`627`	`<Button`
`628`	`628`	`type='submit'`
`629`	`629`	`disabled={isSubmitting \|\| !nameValue?.trim()}`
`630`		`- className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50 disabled:hover:shadow-none'`
	`630`	`+ className='bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50 disabled:hover:shadow-none'`
`631`	`631`	`>`
`632`	`632`	`{isSubmitting`
`633`	`633`	`? isUploading`
Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@ export default function KnowledgeLoading() {`
`37`	`37`	`<Button`
`38`	`38`	`disabled`
`39`	`39`	`size='sm'`
`40`		`- className='flex items-center gap-1 bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50'`
	`40`	`+ className='flex items-center gap-1 bg-[var(--brand-primary-hex)] font-[480] text-muted-foreground shadow-[0_0_0_0_var(--brand-primary-hex)] transition-all duration-200 hover:bg-[var(--brand-primary-hover-hex)] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)] disabled:opacity-50'`
`41`	`41`	`>`
`42`	`42`	`<Plus className='h-3.5 w-3.5' />`
`43`	`43`	`<span>Create</span>`
Original file line number	Diff line number	Diff line change
`@@ -446,7 +446,7 @@ export function TemplateModal({ open, onOpenChange, workflowId }: TemplateModalP`
`446`	`446`	`className={cn(`
`447`	`447`	`'flex h-8 w-8 items-center justify-center rounded-md border transition-colors hover:bg-muted',`
`448`	`448`	`field.value === icon.value &&`
`449`		`- 'bg-primary text-muted-foreground-foreground'`
	`449`	`+ 'bg-primary text-muted-foreground'`
`450`	`450`	`)}`
`451`	`451`	`>`
`452`	`452`	`<IconComponent className='h-4 w-4' />`