Skip to content

fix: align sales form colors with website semantic tokens #2876

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
felixkrrr merged 6 commits into from
Apr 28, 2026
Merged

fix: align sales form colors with website semantic tokens #2876

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
e6f42ea
fix: align sales form colors with website semantic tokens
cursoragent Apr 27, 2026
4209718
Merge branch 'main' into cursor/fix-sales-form-coloring-564a
felixkrrr Apr 28, 2026
a6b5ab9
fix: update video embed border to use site semantic tokens
cursoragent Apr 28, 2026
2933de1
fix: scope corner brackets to video card and remove bottom radius
cursoragent Apr 28, 2026
3cddc6c
fix: make corner brackets visible by overriding overflow-hidden
cursoragent Apr 28, 2026
6c64fb5
Merge branch 'main' into cursor/fix-sales-form-coloring-564a
felixkrrr Apr 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions components/ContactSalesForm.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -266,7 +266,7 @@ export function ContactSalesForm() {
<span className="text-destructive">*</span>
)}
</FormLabel>
<div className="space-y-2 rounded-md border border-input p-3">
<div className="space-y-2 rounded-[2px] border border-line-structure p-3">
{FORM_FIELDS.enterpriseRequirements.options.map((option) => (
<label
key={option.value}
Expand All @@ -276,7 +276,7 @@ export function ContactSalesForm() {
type="checkbox"
checked={selectedRequirements.includes(option.value)}
onChange={() => toggleRequirement(option.value)}
className="h-4 w-4 rounded border-input"
className="h-4 w-4 rounded-[2px] border-line-structure accent-line-cta"
/>
{option.label}
</label>
Expand Down
2 changes: 1 addition & 1 deletion components/ui/textarea.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ const Textarea = React.forwardRef<
return (
<textarea
className={cn(
"flex min-h-[80px] w-full rounded border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
"flex min-h-[80px] w-full rounded-[2px] border border-line-structure bg-surface-bg px-3 py-2 text-base text-text-secondary shadow-sm ring-offset-surface-bg placeholder:text-text-disabled focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-line-cta focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
className
)}
ref={ref}
Expand Down
4 changes: 2 additions & 2 deletions components/watchOrBookDemo/WatchWalkthroughs.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ function VideoPlayer({ videoId, title }: VideoPlayerProps) {
return (
<iframe
width="100%"
className="aspect-[16/9] rounded mt-3"
className="aspect-[16/9] rounded-[2px] mt-3"
src={`https://www.youtube-nocookie.com/embed/${videoId}`}
title={title}
frameBorder="0"
Expand Down Expand Up @@ -71,7 +71,7 @@ function WatchWalkthroughsInner({ className }: { className?: string }) {
<TabsContent
key={tab.id}
value={tab.id}
className="p-4 mx-auto mt-2 max-w-2xl rounded border bg-stripe-pattern"
className="relative overflow-visible p-4 mx-auto mt-2 max-w-2xl rounded-none border border-line-structure corner-box-corners bg-stripe-pattern"
>
<div className="mb-6">
<h3 className="mb-2 text-xl font-semibold">{tab.title}</h3>
Expand Down
Loading