Skip to content

update text color on light mode #175

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
yashdev9274 merged 1 commit into from
Jul 6, 2026
Merged

update text color on light mode #175

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
26 changes: 13 additions & 13 deletions apps/web/app/(pages)/brand/brand-client.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -113,7 +113,7 @@ function LogoCard({
downloads: { format: string; href: string }[]
}) {
return (
<div className="group relative rounded-xl overflow-hidden border border-border bg-card transition-all duration-500 ease-out hover:border-border/60">
<div className="group relative rounded-xl overflow-hidden border border-border bg-card transition-all duration-500 ease-out hover:border-border/60">
<div
className={`relative flex h-48 w-full flex-col items-center justify-center overflow-hidden ${bgClass}`}
>
Expand Down Expand Up @@ -562,7 +562,7 @@ export default function BrandPageClient() {
<rect x="6" y="12" width="3" height="3" fill="#52525b" />
</svg>
</div>
<h1 className="text-[2.5rem] md:text-[3.5rem] font-semibold tracking-tight leading-[100%] text-center mb-3">
<h1 className="text-[2.5rem] text-[#A1A1AA] md:text-[3.5rem] font-semibold tracking-tight leading-[100%] text-center mb-3">
Brand guidelines
</h1>
<p className="text-base md:text-lg text-muted-foreground text-center max-w-lg">
Expand All @@ -573,7 +573,7 @@ export default function BrandPageClient() {
{/* Naming */}
<FadeIn>
<section className="mb-16">
<h2 className="text-[28px] leading-[34px] tracking-tight font-semibold mb-6">
<h2 className="text-[28px] text-[#A1A1AA] leading-[34px] tracking-tight font-semibold mb-6">
Naming
</h2>
<div className="space-y-3 text-sm text-foreground/80">
Expand All @@ -598,7 +598,7 @@ export default function BrandPageClient() {
{/* Logo */}
<FadeIn>
<section className="mb-16">
<h2 className="text-[28px] leading-[34px] tracking-tight font-semibold mb-4">
<h2 className="text-[28px] text-[#A1A1AA] leading-[34px] tracking-tight font-semibold mb-4">
Logo
</h2>
<p className="text-sm text-foreground/80 mb-8">
Expand Down Expand Up @@ -1031,7 +1031,7 @@ export default function BrandPageClient() {
{/* Colors */}
<FadeIn>
<section className="mb-16">
<h2 className="text-[28px] leading-[34px] tracking-tight font-semibold mb-4">
<h2 className="text-[28px] text-[#A1A1AA] leading-[34px] tracking-tight font-semibold mb-4">
Colors
</h2>
<p className="text-sm text-foreground/80 mb-8">
Expand All @@ -1052,7 +1052,7 @@ export default function BrandPageClient() {
{/* Typography */}
<FadeIn>
<section className="mb-16">
<h2 className="text-[28px] leading-[34px] tracking-tight font-semibold mb-4">
<h2 className="text-[28px] text-[#A1A1AA] leading-[34px] tracking-tight font-semibold mb-4">
Typography
</h2>
<p className="text-sm text-foreground/80 mb-8">
Expand All @@ -1061,11 +1061,11 @@ export default function BrandPageClient() {

<div className="space-y-8">
<div className="rounded-xl border border-border bg-card p-6">
<span className="text-xs text-muted-foreground font-mono uppercase tracking-wider mb-4 block">
<span className="text-xs text-muted-foreground font-mono uppercase tracking-wider mb-4 block">
Primary — JetBrains Mono
</span>
<p
className="text-2xl md:text-3xl font-medium tracking-tight mb-2"
className="text-2xl md:text-3xl text-[#A1A1AA] font-medium tracking-tight mb-2"
style={{ fontFamily: "'JetBrains Mono', monospace" }}
>
Supercode builds software at the speed of thought.
Expand All @@ -1083,7 +1083,7 @@ export default function BrandPageClient() {
<span className="text-xs text-muted-foreground font-mono uppercase tracking-wider mb-4 block">
Secondary — Inter
</span>
<p className="text-2xl md:text-3xl font-medium tracking-tight mb-2">
<p className="text-2xl text-[#A1A1AA] md:text-3xl font-medium tracking-tight mb-2">
Supercode builds software at the speed of thought.
</p>
<p className="text-sm text-muted-foreground">
Expand All @@ -1105,7 +1105,7 @@ export default function BrandPageClient() {
{ size: "text-[14px]", label: "14px / Regular", weight: "font-normal" },
{ size: "text-[12px]", label: "12px / Regular", weight: "font-normal" },
].map((t) => (
<div key={t.label} className="flex items-baseline gap-4">
<div key={t.label} className="flex text-[#A1A1AA] items-baseline gap-4">
<span
className={`${t.size} ${t.weight} shrink-0`}
style={{ fontFamily: "'JetBrains Mono', monospace" }}
Expand All @@ -1128,7 +1128,7 @@ export default function BrandPageClient() {
{/* Product Screenshots */}
<FadeIn>
<section className="mb-16">
<h2 className="text-[28px] leading-[34px] tracking-tight font-semibold mb-4">
<h2 className="text-[28px] text-[#A1A1AA] leading-[34px] tracking-tight font-semibold mb-4">
Product
</h2>
<p className="text-sm text-foreground/80 mb-8">
Expand Down Expand Up @@ -1169,7 +1169,7 @@ export default function BrandPageClient() {
{/* Usage Rules */}
<FadeIn>
<section className="mb-16">
<h2 className="text-[28px] leading-[34px] tracking-tight font-semibold mb-4">
<h2 className="text-[28px] text-[#A1A1AA] leading-[34px] tracking-tight font-semibold mb-4">
Usage rules
</h2>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
Expand Down Expand Up @@ -1206,7 +1206,7 @@ export default function BrandPageClient() {
{/* Contact */}
<FadeIn>
<section>
<h2 className="text-[28px] leading-[34px] tracking-tight font-semibold mb-4">
<h2 className="text-[28px] text-[#A1A1AA] leading-[34px] tracking-tight font-semibold mb-4">
Questions
</h2>
<p className="text-sm text-foreground/80">
Expand Down
6 changes: 3 additions & 3 deletions apps/web/app/(pages)/compare/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -197,7 +197,7 @@ export default function ComparePage() {
<span className="inline-block text-[12px] font-mono uppercase tracking-[0.25em] text-primary mb-6">
$ Supercode v0.1.14
</span>
<h1 className="text-[48px] md:text-[72px] font-semibold tracking-tight leading-[1.05] mb-6">
<h1 className="text-[48px] md:text-[72px] text-[#A1A1AA] font-semibold tracking-tight leading-[1.05] mb-6">
<span className="inline-flex items-baseline gap-1">
<span className="bg-gradient-to-r from-primary via-amber-300 to-primary bg-clip-text text-transparent">
Supercode
Expand Down Expand Up @@ -448,7 +448,7 @@ export default function ComparePage() {
</h2>
</motion.div>

<div className="grid md:grid-cols-3 gap-6">
<div className="grid text-[#A1A1AA] md:grid-cols-3 gap-6">
{[
{
icon: "◈",
Expand Down Expand Up @@ -497,7 +497,7 @@ export default function ComparePage() {
transition={{ duration: 0.5, ease: [0.23, 1, 0.32, 1] }}
className="border border-border/40 rounded-2xl p-12 md:p-16 text-center bg-card/50"
>
<h2 className="text-[32px] md:text-[44px] font-semibold tracking-tight mb-4 font-mono">
<h2 className="text-[32px] text-[#A1A1AA] md:text-[44px] font-semibold tracking-tight mb-4 font-mono">
Try{" "}
<span className="bg-gradient-to-r from-primary via-amber-300 to-primary bg-clip-text text-transparent">
Supercode
Expand Down
4 changes: 2 additions & 2 deletions apps/web/app/(pages)/partnerships/[company]/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -62,15 +62,15 @@ export default async function PartnershipDetailPage({ params }: Props) {

{/* Hero */}
<div className="mb-16">
<div className="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center text-primary font-bold font-mono text-[22px] mb-6">
<div className="w-14 h-14 rounded-xl bg-primary/10 flex items-center justify-center text-white font-bold font-mono text-[22px] mb-6">
{partner.logoSrc ? (
<img src={partner.logoSrc} alt={partner.name} className="w-8 h-8 brightness-0 invert" />
) : (
partner.logo
)}
</div>

<h1 className="text-[36px] md:text-[48px] font-semibold tracking-tight mb-3">
<h1 className="text-[36px] md:text-[48px] text-[#A1A1AA] font-semibold tracking-tight mb-3">
{partner.name}
</h1>
<p className="text-[18px] text-muted-foreground leading-relaxed">
Expand Down
4 changes: 2 additions & 2 deletions apps/web/app/(pages)/partnerships/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ export default function PartnershipsPage() {
<Navbar />

<div className="pt-[120px] pb-24 px-6 max-w-[1100px] mx-auto">
<h1 className="text-[36px] md:text-[48px] font-semibold tracking-tight mb-2">
<h1 className="text-[36px] md:text-[48px] text-[#A1A1AA] font-semibold tracking-tight mb-2">
Partnerships
</h1>
<p className="text-muted-foreground text-[16px] mb-16 max-w-[600px]">
Expand All @@ -61,7 +61,7 @@ export default function PartnershipsPage() {
<ArrowUpRight className="w-4 h-4 text-muted-foreground group-hover:text-primary transition-colors duration-200" />
</div>

<h2 className="text-[22px] font-semibold tracking-tight mb-2 group-hover:text-primary transition-colors">
<h2 className="text-[22px] font-semibold text-[#A1A1AA] tracking-tight mb-2 group-hover:text-primary transition-colors">
{partner.name}
</h2>
<p className="text-[14px] text-muted-foreground leading-relaxed mb-6">
Expand Down
4 changes: 2 additions & 2 deletions apps/web/app/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,8 +11,8 @@
--card-foreground: oklch(0.2101 0.0318 264.6645);
--popover: oklch(1.0000 0 0);
--popover-foreground: oklch(0.2101 0.0318 264.6645);
--primary: oklch(0.6716 0.1368 48.5130);
--primary-foreground: oklch(1.0000 0 0);
--primary: oklch(1 0 0);
--primary-foreground: oklch(0.2101 0.0318 264.6645);
--secondary: oklch(0.5360 0.0398 196.0280);
--secondary-foreground: oklch(1.0000 0 0);
--muted: oklch(0.9670 0.0029 264.5419);
Expand Down
4 changes: 2 additions & 2 deletions apps/web/components/homepage/hero.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const installCommands: Record<InstallMethod, { command: string; highlight: strin
curl: { command: 'curl -fsSL https://supercli.vercel.app/install', highlight: 'supercli.vercel.app/install' },
npm: { command: 'npm install -g supercode-cli@latest', highlight: 'supercode-cli' },
bun: { command: 'bun install -g supercode-cli', highlight: 'supercode-cli' },
npx: { command: 'npx supercode-cli', highlight: 'supercode-cli' },
npx: { command: 'npx supercode-cli', highlight: 'superadd code-cli' },
brew: { command: 'brew install supercode', highlight: 'supercode' },
};

Expand Down Expand Up @@ -62,7 +62,7 @@ const HeroSection = () => {
</div>

{/* Main headline */}
<h1 className="text-[28px] md:text-[56px] leading-[1.1] mb-8 tracking-tight font-semibold">
<h1 className="text-[28px] md:text-[56px] text-[#A1A1AA] leading-[1.1] mb-8 tracking-tight font-semibold">
The open source SWE agent
</h1>

Expand Down
6 changes: 3 additions & 3 deletions apps/web/components/homepage/partnerships-section.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,13 +16,13 @@ const PartnershipsSection = () => {
<h2 className="text-[13px] font-mono uppercase tracking-[0.15em] text-primary mb-4">
$ Partnerships
</h2>
<h3 className="text-[28px] md:text-[36px] font-semibold tracking-tight max-w-[500px] leading-[1.15]">
<h3 className="text-[28px] md:text-[36px] text-[#A1A1AA] font-semibold tracking-tight max-w-[500px] leading-[1.15]">
Real teams shipping with Supercode
</h3>
</div>
<Link
href="/partnerships"
className="hidden md:inline-flex items-center gap-2 text-[14px] text-muted-foreground hover:text-foreground transition-colors group"
className="hidden md:inline-flex text-[#A1A1AA] items-center gap-2 text-[14px] text-muted-foreground hover:text-foreground transition-colors group"
>
<span>View all</span>
<ArrowUpRight className="w-4 h-4 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform" />
Expand All @@ -34,7 +34,7 @@ const PartnershipsSection = () => {
<Link
key={partner.slug}
href={`/partnerships/${partner.slug}`}
className="group border border-border rounded-lg p-6 hover:border-primary/40 transition-colors duration-200 bg-card/30 hover:bg-card/60"
className="group border text-[#A1A1AA] border-border rounded-lg p-6 hover:border-primary/40 transition-colors duration-200 bg-card/30 hover:bg-card/60"
>
<div className="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center text-primary font-bold font-mono text-[16px] mb-4">
{partner.logoSrc ? (
Expand Down
18 changes: 9 additions & 9 deletions apps/web/data/partnerships.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,28 +15,28 @@ export interface Partner {
export const partners: Partner[] = [
{
slug: "concentrateai",
name: "ConcentrateAI",
name: "Concentrate AI",
logo: "CA",
logoSrc: "/concentrate-ai-black-symbol.svg",
description: "A strategic partnership bringing together Supercode's AI code generation with ConcentrateAI's LLM API gateway infrastructure.",
description: "A strategic partnership bringing together Supercode's AI code generation with Concentrate AI's LLM API gateway infrastructure.",
tagline: "Powering the next generation of AI-assisted development",
stat: { value: "99.9%", label: "LLM API uptime via ConcentrateAI gateway" },
stat: { value: "99.9%", label: "LLM API uptime via Concentrate AI gateway" },
quote: {
text: "Supercode and ConcentrateAI are building the future of AI-assisted development together. Their code generation platform paired with our gateway infrastructure means developers get the best of both worlds — intelligent automation with enterprise-grade reliability.",
text: "Supercode and Concentrate AI are building the future of AI-assisted development together. Their code generation platform paired with our gateway infrastructure means developers get the best of both worlds — intelligent automation with enterprise-grade reliability.",
author: "Alex Rivera",
role: "CTO, ConcentrateAI",
role: "CTO, Concentrate AI",
},
challenge: [
"Supercode's AI-powered code generation relies on large language models — but managing LLM API traffic at scale is a complex infrastructure problem. Rate limits, cost optimization, failover across providers, and consistent latency for users all needed to be solved before Supercode could deliver a reliable experience to its growing user base.",
"Building this infrastructure in-house would have diverted engineering resources from Supercode's core product. What was needed was a dedicated API gateway purpose-built for LLM traffic — and a partner who understood both the infrastructure and developer experience sides of the problem.",
],
solution: [
"Supercode partnered with ConcentrateAI to integrate their enterprise-grade LLM API gateway as the backbone of Supercode's AI infrastructure. ConcentrateAI's gateway handles request routing across multiple LLM providers (OpenAI, Anthropic, Groq), automatic failover, token usage optimization, and real-time cost tracking — all abstracted behind a single, unified API.",
"In return, ConcentrateAI adopted Supercode across their own engineering team to accelerate development of their gateway platform. Their engineers use Supercode to rapidly prototype new routing logic, generate integration tests for provider APIs, and maintain consistent code quality across their growing codebase. It's a true partnership — each company empowers the other's core product.",
"Supercode partnered with Concentrate AI to integrate their enterprise-grade LLM API gateway as the backbone of Supercode's AI infrastructure. Concentrate AI's gateway handles request routing across multiple LLM providers (OpenAI, Anthropic, Groq), automatic failover, token usage optimization, and real-time cost tracking — all abstracted behind a single, unified API.",
"In return, Concentrate AI adopted Supercode across their own engineering team to accelerate development of their gateway platform. Their engineers use Supercode to rapidly prototype new routing logic, generate integration tests for provider APIs, and maintain consistent code quality across their growing codebase. It's a true partnership — each company empowers the other's core product.",
],
results: [
{ text: "Supercode achieved enterprise-grade LLM infrastructure without building it in-house, powered by ConcentrateAI's gateway", metric: "Zero-infra AI" },
{ text: "ConcentrateAI's engineering team ships gateway features 3x faster using Supercode for development", metric: "3x faster shipping" },
{ text: "Supercode achieved enterprise-grade LLM infrastructure without building it in-house, powered by Concentrate AI's gateway", metric: "Zero-infra AI" },
{ text: "Concentrate AI's engineering team ships gateway features 3x faster using Supercode for development", metric: "3x faster shipping" },
{ text: "Users get reliable, low-latency code generation with automatic failover across multiple LLM providers", metric: "99.9% uptime" },
],
},
Expand Down
Loading