Skip to content

Commit 945bcd3

Browse files
emir-karabegemir-karabeg
committed
fix(ui): colors, icons
1 parent e14bb91 commit 945bcd3

File tree

17 files changed

+44
-47
lines changed

17 files changed

+44
-47
lines changed

‎sim/app/(landing)/components/hero-workflow.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ const initialNodes: Node[] = [
5151
data: {
5252
type: 'agent',
5353
name: 'Agent 1',
54-
color: '#7F2FFF',
54+
color: '#802FFF',
5555
},
5656
dragHandle: '.workflow-drag-handle',
5757
},
@@ -62,7 +62,7 @@ const initialNodes: Node[] = [
6262
data: {
6363
type: 'agent',
6464
name: 'Agent 2',
65-
color: '#7F2FFF',
65+
color: '#802FFF',
6666
},
6767
dragHandle: '.workflow-drag-handle',
6868
},
@@ -139,7 +139,7 @@ const getMobileNodes = (): Node[] => [
139139
data: {
140140
type: 'agent',
141141
name: 'Agent 1',
142-
color: '#7F2FFF',
142+
color: '#802FFF',
143143
},
144144
dragHandle: '.workflow-drag-handle',
145145
},
@@ -150,7 +150,7 @@ const getMobileNodes = (): Node[] => [
150150
data: {
151151
type: 'agent',
152152
name: 'Agent 2',
153-
color: '#7F2FFF',
153+
color: '#802FFF',
154154
},
155155
dragHandle: '.workflow-drag-handle',
156156
},

‎sim/app/w/[id]/components/control-bar/components/marketplace-modal/marketplace-modal.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -526,16 +526,16 @@ export function MarketplaceModal({ open, onOpenChange }: MarketplaceModalProps)
526526
// Base styles
527527
'gap-2 font-medium',
528528
// Brand color with hover states
529-
'bg-[#7F2FFF] hover:bg-[#7028E6]',
529+
'bg-[#802FFF] hover:bg-[#7028E6]',
530530
// Hover effect with brand color
531-
'shadow-[0_0_0_0_#7F2FFF] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]',
531+
'shadow-[0_0_0_0_#802FFF] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]',
532532
// Text color and transitions
533533
'text-white transition-all duration-200',
534534
// Running state animation
535535
isSubmitting &&
536536
'relative after:absolute after:inset-0 after:animate-pulse after:bg-white/20',
537537
// Disabled state
538-
'disabled:opacity-50 disabled:hover:bg-[#7F2FFF] disabled:hover:shadow-none'
538+
'disabled:opacity-50 disabled:hover:bg-[#802FFF] disabled:hover:shadow-none'
539539
)}
540540
>
541541
{isSubmitting ? 'Publishing...' : 'Publish Workflow'}

‎sim/app/w/[id]/components/control-bar/components/notification-dropdown-item/notification-dropdown-item.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ const NotificationIcon = {
2727
const NotificationColors = {
2828
error: 'text-destructive',
2929
console: 'text-foreground',
30-
api: 'text-[#7F2FFF]',
30+
api: 'text-[#802FFF]',
3131
marketplace: 'text-foreground',
3232
info: 'text-blue-500',
3333
}

‎sim/app/w/[id]/components/control-bar/control-bar.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -507,7 +507,7 @@ export function ControlBar() {
507507
size="icon"
508508
onClick={handleDeploy}
509509
disabled={isDeploying}
510-
className={cn('hover:text-[#7F2FFF]', isDeployed && 'text-[#7F2FFF]')}
510+
className={cn('hover:text-[#802FFF]', isDeployed && 'text-[#802FFF]')}
511511
>
512512
{isDeploying ? (
513513
<Loader2 className="h-5 w-5 animate-spin" />
@@ -644,7 +644,7 @@ export function ControlBar() {
644644
size="icon"
645645
onClick={handlePublishWorkflow}
646646
disabled={isPublishing}
647-
className={cn('hover:text-[#7F2FFF]', isPublished && 'text-[#7F2FFF]')}
647+
className={cn('hover:text-[#802FFF]', isPublished && 'text-[#802FFF]')}
648648
>
649649
{isPublishing ? (
650650
<Loader2 className="h-5 w-5 animate-spin" />
@@ -793,12 +793,12 @@ export function ControlBar() {
793793
<Button
794794
className={cn(
795795
'gap-2 font-medium',
796-
'bg-[#7F2FFF] hover:bg-[#7028E6]',
797-
'shadow-[0_0_0_0_#7F2FFF] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]',
796+
'bg-[#802FFF] hover:bg-[#7028E6]',
797+
'shadow-[0_0_0_0_#802FFF] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]',
798798
'text-white transition-all duration-200',
799799
(isExecuting || isMultiRunning) &&
800800
'relative after:absolute after:inset-0 after:animate-pulse after:bg-white/20',
801-
'disabled:opacity-50 disabled:hover:bg-[#7F2FFF] disabled:hover:shadow-none',
801+
'disabled:opacity-50 disabled:hover:bg-[#802FFF] disabled:hover:shadow-none',
802802
isDebugModeEnabled
803803
? 'rounded py-2 px-4 h-10'
804804
: 'rounded-r-none border-r border-r-[#6420cc] py-2 px-4 h-10'
@@ -831,12 +831,12 @@ export function ControlBar() {
831831
<Button
832832
className={cn(
833833
'px-2 font-medium',
834-
'bg-[#7F2FFF] hover:bg-[#7028E6]',
835-
'shadow-[0_0_0_0_#7F2FFF] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]',
834+
'bg-[#802FFF] hover:bg-[#7028E6]',
835+
'shadow-[0_0_0_0_#802FFF] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]',
836836
'text-white transition-all duration-200',
837837
(isExecuting || isMultiRunning) &&
838838
'relative after:absolute after:inset-0 after:animate-pulse after:bg-white/20',
839-
'disabled:opacity-50 disabled:hover:bg-[#7F2FFF] disabled:hover:shadow-none',
839+
'disabled:opacity-50 disabled:hover:bg-[#802FFF] disabled:hover:shadow-none',
840840
'rounded-l-none h-10'
841841
)}
842842
disabled={isExecuting || isMultiRunning}

‎sim/app/w/[id]/components/notifications/notifications.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -326,7 +326,7 @@ function NotificationAlert({ notification, isFading, onHide }: NotificationAlert
326326
<div className="flex items-start py-1 relative">
327327
{/* Left icon */}
328328
<div className="flex-shrink-0 mt-0.5">
329-
<Icon className="!text-[#7F2FFF] h-4 w-4" />
329+
<Icon className="!text-[#802FFF] h-4 w-4" />
330330
</div>
331331

332332
{/* Content area with equal margins */}

‎sim/app/w/[id]/components/workflow-block/components/action-bar/action-bar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ export function ActionBar({ blockId, blockType }: ActionBarProps) {
3535
<Button
3636
className={cn(
3737
isEnabled
38-
? 'bg-[#7F2FFF] hover:bg-[#7F2FFF]/90'
38+
? 'bg-[#802FFF] hover:bg-[#802FFF]/90'
3939
: 'bg-gray-400 hover:bg-gray-400 cursor-not-allowed'
4040
)}
4141
size="sm"

‎sim/app/w/components/sidebar/components/settings-modal/components/account/account.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -231,7 +231,7 @@ export function Account({ onOpenChange }: AccountProps) {
231231
<div className="flex items-center gap-3">
232232
<div className="relative flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-blue-500">
233233
{userData.isLoggedIn ? (
234-
<div className="h-full w-full flex items-center justify-center bg-[#7F2FFF]">
234+
<div className="h-full w-full flex items-center justify-center bg-[#802FFF]">
235235
<AgentIcon className="text-white transition-transform duration-200 group-hover:scale-110 -translate-y-[0.5px]" />
236236
</div>
237237
) : (
@@ -282,7 +282,7 @@ export function Account({ onOpenChange }: AccountProps) {
282282
account.isActive && 'bg-accent'
283283
)}
284284
>
285-
<div className="relative flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-[#7F2FFF]">
285+
<div className="relative flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-[#802FFF]">
286286
<User className="text-white w-4 h-4" />
287287
</div>
288288
<div className="flex flex-col">

‎sim/app/w/components/sidebar/sidebar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ export function Sidebar() {
6262
{/* Sim Studio Logo */}
6363
<Link
6464
href="/w/1"
65-
className="group flex h-8 w-8 items-center justify-center rounded-lg bg-[#7F2FFF]"
65+
className="group flex h-8 w-8 items-center justify-center rounded-lg bg-[#802FFF]"
6666
>
6767
<AgentIcon className="text-white transition-all group-hover:scale-110 -translate-y-[0.5px] w-5 h-5" />
6868
<span className="sr-only">Sim Studio</span>

‎sim/app/w/logs/components/control-bar/control-bar.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -158,16 +158,16 @@ export function ControlBar() {
158158

159159
<Button
160160
className={`gap-2 border bg-background text-foreground hover:bg-accent ${
161-
isLive ? 'border-[#7F2FFF]' : 'border-input'
161+
isLive ? 'border-[#802FFF]' : 'border-input'
162162
}`}
163163
onClick={toggleLive}
164164
>
165165
{isLive ? (
166-
<Square className="!h-3.5 !w-3.5 text-[#7F2FFF]" />
166+
<Square className="!h-3.5 !w-3.5 text-[#802FFF]" />
167167
) : (
168168
<Play className="!h-3.5 !w-3.5" />
169169
)}
170-
<span className={`${isLive ? 'text-[#7F2FFF]' : 'text-foreground'}`}>Live</span>
170+
<span className={`${isLive ? 'text-[#802FFF]' : 'text-foreground'}`}>Live</span>
171171
</Button>
172172
</div>
173173
</div>

‎sim/app/w/logs/components/trace-spans/trace-spans-display.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -151,7 +151,7 @@ function TraceSpanItem({
151151

152152
// Block type specific icons
153153
if (type === 'agent') {
154-
return <AgentIcon className="h-3 w-3 text-[#7F2FFF]" />
154+
return <AgentIcon className="h-3 w-3 text-[#802FFF]" />
155155
}
156156

157157
if (type === 'evaluator') {
@@ -195,7 +195,7 @@ function TraceSpanItem({
195195
const getSpanColor = (type: string) => {
196196
switch (type.toLowerCase()) {
197197
case 'agent':
198-
return '#7F2FFF' // Purple from AgentBlock
198+
return '#802FFF' // Purple from AgentBlock
199199
case 'provider':
200200
return '#818cf8' // Indigo for provider
201201
case 'model':

0 commit comments

Comments
 (0)