diff --git a/apps/web/src/app/projects/page.tsx b/apps/web/src/app/projects/page.tsx
index b21c8dd0..c25d75b9 100644
--- a/apps/web/src/app/projects/page.tsx
+++ b/apps/web/src/app/projects/page.tsx
@@ -514,7 +514,6 @@ function NewProjectButton() {
 
 	return (
 		<Button
-			variant="foreground"
 			size="lg"
 			className="flex px-5 md:px-6"
 			onClick={handleCreateProject}
diff --git a/apps/web/src/components/editor/mobile-gate.tsx b/apps/web/src/components/editor/mobile-gate.tsx
index 685ce178..8fecf3cb 100644
--- a/apps/web/src/components/editor/mobile-gate.tsx
+++ b/apps/web/src/components/editor/mobile-gate.tsx
@@ -58,7 +58,7 @@ export function MobileGate({ children }: MobileGateProps) {
 					</p>
 				</div>
 				<div className="flex items-center gap-3">
-					<Button variant="foreground" onClick={handleContinue}>
+					<Button onClick={handleContinue}>
 						Take a look anyway
 					</Button>
 					<Button variant="ghost" asChild>
diff --git a/apps/web/src/components/gitHub-contribute-section.tsx b/apps/web/src/components/gitHub-contribute-section.tsx
index fc65b7aa..153a662a 100644
--- a/apps/web/src/components/gitHub-contribute-section.tsx
+++ b/apps/web/src/components/gitHub-contribute-section.tsx
@@ -23,7 +23,7 @@ export function GitHubContributeSection({
 					target="_blank"
 					rel="noopener noreferrer"
 				>
-					<Button variant="foreground" className="w-full" size="lg">
+					<Button className="w-full" size="lg">
 						<HugeiconsIcon icon={GithubIcon} />
 						Start contributing
 					</Button>
diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index a32d5d6d..e24486b4 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -124,7 +124,7 @@ export function Header() {
 							</Button>
 						</Link>
 						<Link href="/projects">
-							<Button variant="foreground" className="text-sm">
+							<Button className="text-sm">
 								Projects
 								<ArrowRight className="size-4" />
 							</Button>
diff --git a/apps/web/src/components/landing/hero.tsx b/apps/web/src/components/landing/hero.tsx
index a8f3f70d..355bbc81 100644
--- a/apps/web/src/components/landing/hero.tsx
+++ b/apps/web/src/components/landing/hero.tsx
@@ -29,12 +29,7 @@ export function Hero() {
 
 				<div className="mt-8 flex justify-center gap-8">
 					<Link href="/projects">
-						<Button
-							variant="foreground"
-							type="submit"
-							size="lg"
-							className="h-11 text-base"
-						>
+						<Button type="submit" size="lg" className="h-11 text-base">
 							Try early beta
 							<ArrowRight className="ml-0.5" />
 						</Button>
diff --git a/apps/web/src/components/ui/button.tsx b/apps/web/src/components/ui/button.tsx
index 1143b142..aa52e228 100644
--- a/apps/web/src/components/ui/button.tsx
+++ b/apps/web/src/components/ui/button.tsx
@@ -8,9 +8,8 @@ const buttonVariants = cva(
 	{
 		variants: {
 			variant: {
-				default: "bg-primary text-primary-foreground hover:bg-primary/90",
+				default: "bg-foreground text-background hover:bg-foreground/90",
 				background: "bg-background text-foreground hover:bg-background/90",
-				foreground: "bg-foreground text-background hover:bg-foreground/90",
 				destructive:
 					"bg-destructive text-destructive-foreground hover:bg-destructive/80",
 				"destructive-foreground":