Skip to content

Commit 4fdceec

Browse files
adithyaakrishnaadithyaakrishna
committed
chore: rename vbles
1 parent 815adc2 commit 4fdceec

File tree

34 files changed

+72
-106
lines changed

34 files changed

+72
-106
lines changed

‎apps/sim/app/(home)/components/collaboration/collaboration.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -143,7 +143,7 @@ function YouCursor({ x, y, visible }: YouCursorProps) {
143143
<svg width='23.15' height='21.1' viewBox='0 0 17.5 16.4' fill='none'>
144144
<path d={CURSOR_ARROW_MIRRORED_PATH} fill='#33C482' />
145145
</svg>
146-
<div className='absolute top-4 left-[23px] flex items-center rounded bg-[var(--brand-tertiary-2)] px-[5px] py-[3px] font-[420] font-season text-[var(--landing-text-dark)] text-sm leading-[100%] tracking-[-0.02em]'>
146+
<div className='absolute top-4 left-[23px] flex items-center rounded bg-[var(--brand-accent)] px-[5px] py-[3px] font-[420] font-season text-[var(--landing-text-dark)] text-sm leading-[100%] tracking-[-0.02em]'>
147147
You
148148
</div>
149149
</div>
@@ -235,7 +235,7 @@ export default function Collaboration() {
235235
variant='blue'
236236
size='md'
237237
dot
238-
className='bg-[var(--brand-tertiary-2)]/10 font-season text-[var(--brand-tertiary-2)] uppercase tracking-[0.02em]'
238+
className='bg-[var(--brand-accent)]/10 font-season text-[var(--brand-accent)] uppercase tracking-[0.02em]'
239239
>
240240
Teams
241241
</Badge>

‎apps/sim/app/(landing)/components/footer/components/status-indicator.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ export function StatusDotIcon({ status, className, ...props }: StatusDotIconProp
3636

3737
const STATUS_COLORS: Record<StatusType, string> = {
3838
operational: 'text-[#10B981] hover:text-[#059669]',
39-
degraded: 'text-[var(--amber)] hover:text-[#D97706]',
39+
degraded: 'text-[var(--caution)] hover:text-[#D97706]',
4040
outage: 'text-[var(--text-error)] hover:text-[var(--error)]',
4141
maintenance: 'text-[#3B82F6] hover:text-[#2563EB]',
4242
loading: 'text-muted-foreground hover:text-foreground',

‎apps/sim/app/_styles/globals.css‎

Lines changed: 18 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -203,10 +203,8 @@ html[data-sidebar-collapsed] .sidebar-container .sidebar-collapse-btn {
203203
--border-success: #e0e0e0;
204204

205205
/* Brand & state */
206-
--brand-400: #8e4cfb;
207206
--brand-secondary: #33b4ff;
208-
--brand-tertiary: #22c55e;
209-
--brand-tertiary-2: #33c482;
207+
--brand-accent: #33c482;
210208
--selection: #1a5cf6;
211209
--warning: #ea580c;
212210

@@ -256,24 +254,12 @@ html[data-sidebar-collapsed] .sidebar-container .sidebar-collapse-btn {
256254
--error: #dc2626;
257255
--error-muted: #fecaca;
258256
--error-emphasis: #b91c1c;
259-
--amber: #f59e0b;
260-
--orange: #ea580c;
261-
--orange-bright: #f97316;
257+
--caution: #f59e0b;
262258
--success: #22c55e;
263-
--teal: #00b0b0;
264259

265260
/* Brand extended */
266261
--brand-knowledge: #00b0b0;
267-
--brand-purple-deep: #601ee0;
268-
--brand-purple: #802fff;
269-
--brand-purple-bright: #8357ff;
270-
--brand-purple-vivid: #8c10ff;
271-
--brand-plum: #611f69;
272-
--brand-blue-dark: #264f78;
273-
--brand-blue-muted: #336699;
274-
--brand-blue: #2f55ff;
275-
--brand-blue-light: #2fa1ff;
276-
--brand-blue-sky: #34b5ff;
262+
--selection-dark: #264f78;
277263

278264
/* Terminal status badges */
279265
--terminal-status-error-bg: #fef2f2;
@@ -320,10 +306,8 @@ html[data-sidebar-collapsed] .sidebar-container .sidebar-collapse-btn {
320306
--border-success: #575757;
321307

322308
/* Brand & state */
323-
--brand-400: #8e4cfb;
324309
--brand-secondary: #33b4ff;
325-
--brand-tertiary: #22c55e;
326-
--brand-tertiary-2: #33c482;
310+
--brand-accent: #33c482;
327311
--selection: #4b83f7;
328312
--warning: #ff6600;
329313

@@ -348,24 +332,12 @@ html[data-sidebar-collapsed] .sidebar-container .sidebar-collapse-btn {
348332
--error: #f87171;
349333
--error-muted: #f6d2d2;
350334
--error-emphasis: #b91c1c;
351-
--amber: #f59e0b;
352-
--orange: #f97316;
353-
--orange-bright: #ff972f;
335+
--caution: #f59e0b;
354336
--success: #22c55e;
355-
--teal: #00b0b0;
356337

357338
/* Brand extended */
358339
--brand-knowledge: #00b0b0;
359-
--brand-purple-deep: #601ee0;
360-
--brand-purple: #802fff;
361-
--brand-purple-bright: #8357ff;
362-
--brand-purple-vivid: #8c10ff;
363-
--brand-plum: #611f69;
364-
--brand-blue-dark: #264f78;
365-
--brand-blue-muted: #336699;
366-
--brand-blue: #2f55ff;
367-
--brand-blue-light: #2fa1ff;
368-
--brand-blue-sky: #34b5ff;
340+
--selection-dark: #264f78;
369341

370342
/* Terminal status badges */
371343
--terminal-status-error-bg: #491515;
@@ -602,13 +574,13 @@ input[type="search"]::-ms-clear {
602574
}
603575

604576
.branded-button-custom {
605-
background: var(--brand-primary-hex) !important;
606-
border-color: var(--brand-primary-hex) !important;
577+
background: var(--brand) !important;
578+
border-color: var(--brand) !important;
607579
}
608580

609581
.branded-button-custom:hover {
610-
background: var(--brand-primary-hover-hex) !important;
611-
border-color: var(--brand-primary-hover-hex) !important;
582+
background: var(--brand-hover) !important;
583+
border-color: var(--brand-hover) !important;
612584
}
613585

614586
/**
@@ -700,12 +672,10 @@ input[type="search"]::-ms-clear {
700672
--base-muted-foreground: #737373;
701673
--gradient-primary: 263 85% 70%;
702674
--gradient-secondary: 336 95% 65%;
703-
--brand-primary-hex: #6f3dfa;
704-
--brand-primary-hover-hex: #6338d9;
705-
--brand-accent-hex: #6f3dfa;
706-
--brand-accent-hover-hex: #6f3dfa;
707-
--brand-background-hex: #ffffff;
708-
--surface-elevated: #202020;
675+
--brand: #6f3dfa;
676+
--brand-hover: #6338d9;
677+
--brand-link: #6f3dfa;
678+
--brand-link-hover: #6f3dfa;
709679
}
710680

711681
.dark {
@@ -739,12 +709,10 @@ input[type="search"]::-ms-clear {
739709
--base-muted-foreground: #a3a3a3;
740710
--gradient-primary: 263 90% 75%;
741711
--gradient-secondary: 336 100% 72%;
742-
--brand-primary-hex: #701ffc;
743-
--brand-primary-hover-hex: #802fff;
744-
--brand-accent-hex: #9d54ff;
745-
--brand-accent-hover-hex: #a66fff;
746-
--brand-background-hex: #0c0c0c;
747-
--surface-elevated: #202020;
712+
--brand: #701ffc;
713+
--brand-hover: #802fff;
714+
--brand-link: #9d54ff;
715+
--brand-link-hover: #a66fff;
748716
}
749717
}
750718

‎apps/sim/app/api/chat/route.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -165,7 +165,7 @@ export async function POST(request: NextRequest) {
165165
// Merge customizations with the additional fields
166166
const mergedCustomizations = {
167167
...(customizations || {}),
168-
primaryColor: customizations?.primaryColor || 'var(--brand-primary-hover-hex)',
168+
primaryColor: customizations?.primaryColor || 'var(--brand-hover)',
169169
welcomeMessage: customizations?.welcomeMessage || 'Hi there! How can I help you today?',
170170
}
171171

‎apps/sim/app/chat/[identifier]/chat.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -466,7 +466,7 @@ export default function ChatClient({ identifier }: { identifier: string }) {
466466
if (authRequired) {
467467
// const title = new URLSearchParams(window.location.search).get('title') || 'chat'
468468
// const primaryColor =
469-
// new URLSearchParams(window.location.search).get('color') || 'var(--brand-primary-hover-hex)'
469+
// new URLSearchParams(window.location.search).get('color') || 'var(--brand-hover)'
470470

471471
if (authRequired === 'password') {
472472
return <PasswordAuth identifier={identifier} onAuthSuccess={handleAuthSuccess} />

‎apps/sim/app/chat/components/auth/email/email-auth.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -301,7 +301,7 @@ export default function EmailAuth({ identifier, onAuthSuccess }: EmailAuthProps)
301301
</span>
302302
) : (
303303
<button
304-
className='font-medium text-[var(--brand-accent-hex)] underline-offset-4 transition hover:text-[var(--brand-accent-hover-hex)] hover:underline'
304+
className='font-medium text-[var(--brand-link)] underline-offset-4 transition hover:text-[var(--brand-link-hover)] hover:underline'
305305
onClick={handleResendOtp}
306306
disabled={isVerifyingOtp || isResendDisabled}
307307
>
@@ -318,7 +318,7 @@ export default function EmailAuth({ identifier, onAuthSuccess }: EmailAuthProps)
318318
setOtpValue('')
319319
setAuthError(null)
320320
}}
321-
className='font-medium text-[var(--brand-accent-hex)] underline-offset-4 transition hover:text-[var(--brand-accent-hover-hex)] hover:underline'
321+
className='font-medium text-[var(--brand-link)] underline-offset-4 transition hover:text-[var(--brand-link-hover)] hover:underline'
322322
>
323323
Change email
324324
</button>

‎apps/sim/app/chat/components/header/header.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ interface ChatHeaderProps {
2020

2121
export function ChatHeader({ chatConfig, starCount }: ChatHeaderProps) {
2222
const brand = useBrandConfig()
23-
const primaryColor = chatConfig?.customizations?.primaryColor || 'var(--brand-primary-hex)'
23+
const primaryColor = chatConfig?.customizations?.primaryColor || 'var(--brand)'
2424
const customImage = chatConfig?.customizations?.imageUrl || chatConfig?.customizations?.logoUrl
2525

2626
return (

‎apps/sim/app/form/[identifier]/components/form-field.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -141,7 +141,7 @@ export function FormField({
141141
className={cn(
142142
'flex cursor-pointer flex-col items-center justify-center rounded-[10px] border-2 border-dashed px-6 py-8 transition-colors',
143143
isDragging
144-
? 'border-[var(--brand-primary-hex)] bg-[var(--brand-primary-hex)]/5'
144+
? 'border-[var(--brand)] bg-[var(--brand)]/5'
145145
: 'border-border hover:border-muted-foreground/50'
146146
)}
147147
>

‎apps/sim/app/form/[identifier]/components/thank-you-screen.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ interface ThankYouScreenProps {
66
primaryColor?: string
77
}
88

9-
/** Default green color matching --brand-tertiary-2 */
9+
/** Default green color matching --brand-accent */
1010
const DEFAULT_THANK_YOU_COLOR = '#33C482'
1111

1212
/** Legacy blue default that should be treated as "no custom color" */

‎apps/sim/app/form/[identifier]/form.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -221,7 +221,7 @@ export default function Form({ identifier }: { identifier: string }) {
221221
[identifier, fetchFormConfig]
222222
)
223223

224-
const primaryColor = formConfig?.customizations?.primaryColor || 'var(--brand-primary-hex)'
224+
const primaryColor = formConfig?.customizations?.primaryColor || 'var(--brand)'
225225

226226
if (isLoading && !authRequired) {
227227
return <FormLoadingState />

0 commit comments

Comments
 (0)