Skip to content

Commit 3c9d23d

Browse files
itsmeurbiitsmeurbi
committed
fix: replace deafuaul gray for our main gray
1 parent 8440231 commit 3c9d23d

12 files changed

Lines changed: 42 additions & 38 deletions

File tree

‎src/About.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -97,10 +97,10 @@ function About() {
9797
<div className="grid gap-8 p-6 md:grid-cols-2 md:p-8 lg:p-10">
9898
<div className="grid content-center gap-5 md:gap-7">
9999
<span className="inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('aboutUs.heroEyebrow')}</span>
100-
<h1 className="text-4xl font-bold leading-none tracking-tight text-slate-950 md:text-5xl lg:text-6xl">Web Dev Talks</h1>
100+
<h1 className="text-4xl font-bold leading-none tracking-tight text-brand md:text-5xl lg:text-6xl">Web Dev Talks</h1>
101101
<blockquote className="border-l-4 border-yellow-300 pl-5 text-lg leading-8 text-slate-700">
102102
{t('aboutUs.quote')}
103-
<span className="mt-3 block font-semibold text-slate-950">{t('aboutUs.adrianReyes')}</span>
103+
<span className="mt-3 block font-semibold text-brand">{t('aboutUs.adrianReyes')}</span>
104104
</blockquote>
105105
</div>
106106
<div className="overflow-hidden rounded-3xl border border-black/10 bg-white/60 shadow-lg">
@@ -119,7 +119,7 @@ function About() {
119119
<Card key={section.title} className="rounded-3xl p-6 md:p-8">
120120
<div className="grid gap-6 md:grid-cols-3 md:gap-10">
121121
<div>
122-
<h2 className="text-2xl font-bold tracking-tight text-slate-950 md:text-3xl">{section.title}</h2>
122+
<h2 className="text-2xl font-bold tracking-tight text-brand md:text-3xl">{section.title}</h2>
123123
</div>
124124
<div className="space-y-4 text-base leading-8 text-black/80 md:col-span-2 md:text-lg">
125125
{section.body.map((paragraph) => (
@@ -143,7 +143,7 @@ function About() {
143143
<div className="grid gap-8 lg:grid-cols-2">
144144
<div className="space-y-4">
145145
<p className="inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('aboutUs.offer')}</p>
146-
<h2 className="text-2xl font-bold tracking-tight text-slate-950 md:text-3xl">{t('aboutUs.offerRights')}</h2>
146+
<h2 className="text-2xl font-bold tracking-tight text-brand md:text-3xl">{t('aboutUs.offerRights')}</h2>
147147
<p className="text-slate-600">
148148
<strong>{t('aboutUs.note')}</strong> {t('aboutUs.benefitsNote')}
149149
</p>
@@ -163,7 +163,7 @@ function About() {
163163
<div className="mb-6 flex flex-col gap-3 md:flex-row md:items-end md:justify-between">
164164
<div>
165165
<p className="inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('aboutUs.communityHeader')}</p>
166-
<h2 className="mt-4 text-2xl font-bold tracking-tight text-slate-950 md:text-3xl">{t('aboutUs.gallery')}</h2>
166+
<h2 className="mt-4 text-2xl font-bold tracking-tight text-brand md:text-3xl">{t('aboutUs.gallery')}</h2>
167167
</div>
168168
<p className="max-w-xl text-slate-600">
169169
{t('aboutUs.galleryDescription')}

‎src/CodeOfConduct.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -132,7 +132,7 @@ function CodeOfConduct() {
132132
<div className="grid gap-6 md:grid-cols-2">
133133
<div>
134134
<span className="inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('codeOfConduct.heroEyebrow')}</span>
135-
<h1 className="mt-4 text-4xl font-bold leading-none tracking-tight text-slate-950 md:text-5xl lg:text-6xl">{t('codeOfConduct.title')}</h1>
135+
<h1 className="mt-4 text-4xl font-bold leading-none tracking-tight text-brand md:text-5xl lg:text-6xl">{t('codeOfConduct.title')}</h1>
136136
</div>
137137
<div className="space-y-4 text-slate-600">
138138
<p>{t('codeOfConduct.heroDescription')}</p>
@@ -151,7 +151,7 @@ function CodeOfConduct() {
151151
<div className="mb-6 flex flex-col gap-3 md:flex-row md:items-end md:justify-between">
152152
<div>
153153
<p className="inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('codeOfConduct.tableOfContents')}</p>
154-
<h2 className="mt-4 text-2xl font-bold tracking-tight text-slate-950 md:text-3xl">{t('codeOfConduct.tableOfContents')}</h2>
154+
<h2 className="mt-4 text-2xl font-bold tracking-tight text-brand md:text-3xl">{t('codeOfConduct.tableOfContents')}</h2>
155155
</div>
156156
</div>
157157
<div className="grid gap-3 md:grid-cols-2">
@@ -198,7 +198,7 @@ function CodeOfConduct() {
198198
<span className="sr-only">{t('codeOfConduct.copyLink')}</span>
199199
</Button>
200200
</Tooltip>
201-
<h2 className={`text-2xl font-bold tracking-tight md:text-3xl ${section.tone === 'danger' ? 'text-red-950' : 'text-slate-950'}`}>
201+
<h2 className={`text-2xl font-bold tracking-tight md:text-3xl ${section.tone === 'danger' ? 'text-red-950' : 'text-brand'}`}>
202202
{section.title}
203203
</h2>
204204
</div>

‎src/Footer.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const Footer = (): ReactElement => {
1515
<span className="inline-flex h-12 w-12 overflow-hidden rounded-2xl border border-black/10 bg-white shadow-sm">
1616
<img src={logo} alt="Logo WDT" className="h-full w-full object-contain p-2" />
1717
</span>
18-
<span className="text-base font-bold tracking-tight text-slate-950">
18+
<span className="text-base font-bold tracking-tight text-brand">
1919
Web Dev Talks
2020
</span>
2121
</Link>

‎src/Home.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ const Home = (): ReactElement => {
2424
{t('homePage.eyebrow')}
2525
</span>
2626
<div className="grid gap-5 md:gap-7">
27-
<h1 className="text-balance text-4xl font-bold leading-none tracking-tight text-slate-950 md:text-5xl lg:text-6xl">
27+
<h1 className="text-balance text-4xl font-bold leading-none tracking-tight text-brand md:text-5xl lg:text-6xl">
2828
{t('homePage.headline')}
2929
</h1>
3030
<p className="max-w-2xl text-lg text-slate-600 md:text-xl">
@@ -59,7 +59,7 @@ const Home = (): ReactElement => {
5959
/>
6060
</div>
6161
<div className="mt-3 shrink-0 space-y-2">
62-
<p className="text-xl font-bold leading-tight text-slate-950 sm:text-3xl">Web Dev Talks</p>
62+
<p className="text-xl font-bold leading-tight text-brand sm:text-3xl">Web Dev Talks</p>
6363
<p className="text-xs uppercase tracking-widest text-slate-500 sm:text-sm">{t('homePage.communityLabel')}</p>
6464
</div>
6565
</div>
@@ -76,21 +76,21 @@ const Home = (): ReactElement => {
7676
<section className="-mt-2 grid gap-5 md:grid-cols-3">
7777
<Card className="rounded-3xl p-6">
7878
<p className="mb-4 inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('homePage.card1Eyebrow')}</p>
79-
<h2 className="mb-3 text-2xl font-bold tracking-tight text-slate-950 md:text-3xl">{t('homePage.card1Title')}</h2>
79+
<h2 className="mb-3 text-2xl font-bold tracking-tight text-brand md:text-3xl">{t('homePage.card1Title')}</h2>
8080
<p className="text-slate-600">
8181
{t('homePage.card1Body')}
8282
</p>
8383
</Card>
8484
<Card className="rounded-3xl p-6">
8585
<p className="mb-4 inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('homePage.card2Eyebrow')}</p>
86-
<h2 className="mb-3 text-2xl font-bold tracking-tight text-slate-950 md:text-3xl">{t('homePage.card2Title')}</h2>
86+
<h2 className="mb-3 text-2xl font-bold tracking-tight text-brand md:text-3xl">{t('homePage.card2Title')}</h2>
8787
<p className="text-slate-600">
8888
{t('homePage.card2Body')}
8989
</p>
9090
</Card>
9191
<Card className="rounded-3xl p-6">
9292
<p className="mb-4 inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('homePage.card3Eyebrow')}</p>
93-
<h2 className="mb-3 text-2xl font-bold tracking-tight text-slate-950 md:text-3xl">{t('homePage.card3Title')}</h2>
93+
<h2 className="mb-3 text-2xl font-bold tracking-tight text-brand md:text-3xl">{t('homePage.card3Title')}</h2>
9494
<p className="text-slate-600">
9595
{t('homePage.card3Body')}
9696
</p>

‎src/NavBar.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ const NavBar = (): ReactElement => {
2626
cn(
2727
'inline-flex h-9 items-center justify-center rounded-full px-3.5 text-sm font-semibold transition-all duration-200',
2828
active
29-
? 'bg-slate-950 text-white shadow-xl'
29+
? 'bg-brand text-white shadow-xl'
3030
: 'text-slate-700 hover:bg-zinc-200/70',
3131
)
3232

@@ -47,7 +47,7 @@ const NavBar = (): ReactElement => {
4747
<img src={logo} alt="Logo WDT" className="h-full w-full object-contain p-2" />
4848
</span>
4949
<div className="hidden sm:block">
50-
<div className="text-lg font-bold tracking-tight text-slate-950">Web Dev Talks</div>
50+
<div className="text-lg font-bold tracking-tight text-brand">Web Dev Talks</div>
5151
<div className="text-sm text-slate-500">{t('navbar.subtitle')}</div>
5252
</div>
5353
</Link>
@@ -83,7 +83,7 @@ const NavBar = (): ReactElement => {
8383
<img src={logo} alt="Logo WDT" className="h-full w-full object-contain p-2" />
8484
</span>
8585
<div>
86-
<div className="text-lg font-bold tracking-tight text-slate-950">Web Dev Talks</div>
86+
<div className="text-lg font-bold tracking-tight text-brand">Web Dev Talks</div>
8787
<div className="text-sm text-slate-500">{t('navbar.home')}</div>
8888
</div>
8989
</Link>
@@ -96,7 +96,7 @@ const NavBar = (): ReactElement => {
9696
className={cn(
9797
'inline-flex h-11 items-center rounded-2xl px-5 text-sm font-semibold transition-all',
9898
isActive(link.to)
99-
? 'bg-slate-950 text-white'
99+
? 'bg-brand text-white'
100100
: 'border border-black/10 bg-white/80 text-slate-900 hover:bg-zinc-200/70',
101101
)}
102102
>

‎src/Sponsorship.tsx‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -147,7 +147,7 @@ const Sponsorship = (): ReactElement => {
147147
<div className="grid gap-10 p-6 md:grid-cols-2 md:p-8 lg:p-10">
148148
<div className="space-y-5">
149149
<span className="inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('sponsorship.heroEyebrow')}</span>
150-
<h1 className="text-4xl font-bold leading-none tracking-tight text-slate-950 md:text-5xl lg:text-6xl">{t('navbar.sponsorship')}</h1>
150+
<h1 className="text-4xl font-bold leading-none tracking-tight text-brand md:text-5xl lg:text-6xl">{t('navbar.sponsorship')}</h1>
151151
<p className="text-lg leading-8 text-slate-600">{t('sponsorship.description1')}</p>
152152
<p className="text-slate-600">{t('sponsorship.description2')}</p>
153153
<p className="text-slate-600">{t('sponsorship.description3')}</p>
@@ -158,19 +158,19 @@ const Sponsorship = (): ReactElement => {
158158
<div className="grid gap-3 sm:grid-cols-3">
159159
<div className="rounded-2xl border border-black/8 bg-yellow-50 px-4 py-4">
160160
<div className="text-xs font-semibold uppercase tracking-widest text-yellow-700">{t('sponsorship.attendeesTitle')}</div>
161-
<div className="mt-2 text-3xl font-bold text-slate-950">97</div>
161+
<div className="mt-2 text-3xl font-bold text-brand">97</div>
162162
</div>
163163
<div className="rounded-2xl border border-black/8 bg-sky-50 px-4 py-4">
164164
<div className="text-xs font-semibold uppercase tracking-widest text-sky-700">{t('sponsorship.ourSponsors')}</div>
165-
<div className="mt-2 text-3xl font-bold text-slate-950">3</div>
165+
<div className="mt-2 text-3xl font-bold text-brand">3</div>
166166
</div>
167167
<div className="rounded-2xl border border-black/8 bg-emerald-50 px-4 py-4">
168168
<div className="text-xs font-semibold uppercase tracking-widest text-emerald-700">{t('sponsorship.ourPatreons')}</div>
169-
<div className="mt-2 text-3xl font-bold text-slate-950">{patreons.length}</div>
169+
<div className="mt-2 text-3xl font-bold text-brand">{patreons.length}</div>
170170
</div>
171171
</div>
172172
</div>
173-
<div className="overflow-hidden rounded-3xl border border-black/10 bg-slate-950 shadow-lg">
173+
<div className="overflow-hidden rounded-3xl border border-black/10 bg-brand shadow-lg">
174174
<iframe
175175
width="100%"
176176
className="aspect-video"
@@ -194,7 +194,7 @@ const Sponsorship = (): ReactElement => {
194194
<div className="grid gap-8 lg:grid-cols-3">
195195
<div>
196196
<p className="inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('sponsorship.attendeesTitle')}</p>
197-
<h2 className="mt-4 text-2xl font-bold tracking-tight text-slate-950 md:text-3xl">{t('sponsorship.audienceProfile')}</h2>
197+
<h2 className="mt-4 text-2xl font-bold tracking-tight text-brand md:text-3xl">{t('sponsorship.audienceProfile')}</h2>
198198
<p className="mt-4 text-slate-600">{t('sponsorship.venues')}</p>
199199
</div>
200200
<div className="mx-auto w-full min-w-0 max-w-xl rounded-3xl border border-black/8 bg-white/82 p-4 shadow-sm sm:col-span-2 sm:p-6">
@@ -222,17 +222,17 @@ const Sponsorship = (): ReactElement => {
222222
return (
223223
<div key={`${plan.tier}-${benefit.body}`} className="rounded-2xl border border-black/8 bg-white/72 p-4">
224224
<div className="mb-2 flex items-center gap-3">
225-
<span className="inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-slate-950 text-white">
225+
<span className="inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-brand text-white">
226226
<Icon className="h-4 w-4" />
227227
</span>
228-
<div className="font-semibold text-slate-950">{benefit.title}</div>
228+
<div className="font-semibold text-brand">{benefit.title}</div>
229229
</div>
230230
<p className="text-sm leading-6 text-slate-600">{benefit.body}</p>
231231
</div>
232232
)
233233
})}
234234
</div>
235-
<div className="rounded-3xl border border-black/8 bg-slate-950 px-5 py-5 text-white">
235+
<div className="rounded-3xl border border-black/8 bg-brand px-5 py-5 text-white">
236236
<p className="mb-4 text-xs font-semibold uppercase tracking-widest text-slate-300">{t('sponsorship.costs')}</p>
237237
<div className="grid gap-3">
238238
{plan.pricing.map((price) => (
@@ -252,7 +252,7 @@ const Sponsorship = (): ReactElement => {
252252
<div className="mb-6 flex items-end justify-between gap-4">
253253
<div>
254254
<p className="inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('sponsorship.ourSponsors')}</p>
255-
<h2 className="mt-4 text-2xl font-bold tracking-tight text-slate-950 md:text-3xl">{t('sponsorship.ourSponsors')}</h2>
255+
<h2 className="mt-4 text-2xl font-bold tracking-tight text-brand md:text-3xl">{t('sponsorship.ourSponsors')}</h2>
256256
</div>
257257
</div>
258258
<div className="grid gap-4 md:grid-cols-3">
@@ -268,7 +268,7 @@ const Sponsorship = (): ReactElement => {
268268
<div className="mb-6 flex items-end justify-between gap-4">
269269
<div>
270270
<p className="inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('sponsorship.ourPatreons')}</p>
271-
<h2 className="mt-4 text-2xl font-bold tracking-tight text-slate-950 md:text-3xl">{t('sponsorship.ourPatreons')}</h2>
271+
<h2 className="mt-4 text-2xl font-bold tracking-tight text-brand md:text-3xl">{t('sponsorship.ourPatreons')}</h2>
272272
</div>
273273
</div>
274274
<div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
@@ -288,7 +288,7 @@ const Sponsorship = (): ReactElement => {
288288
<p>{t('sponsorship.tax')}</p>
289289
<p>
290290
{t('sponsorship.contact1')}{' '}
291-
<a className="font-semibold text-slate-950 underline decoration-sky-400 underline-offset-4" href="mailto:webdevtalkscolima@gmail.com">
291+
<a className="font-semibold text-brand underline decoration-sky-400 underline-offset-4" href="mailto:webdevtalkscolima@gmail.com">
292292
webdevtalkscolima@gmail.com
293293
</a>{' '}
294294
{t('sponsorship.contact2')}

‎src/components/ui/button.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ const buttonVariants = cva(
77
{
88
variants: {
99
variant: {
10-
default: 'bg-slate-950 text-white shadow-xl hover:-translate-y-0.5 hover:bg-zinc-300 hover:text-slate-950',
10+
default: 'bg-brand text-white shadow-xl hover:-translate-y-0.5 hover:bg-zinc-300 hover:text-brand',
1111
secondary: 'bg-white/80 text-slate-900 ring-1 ring-black/10 hover:bg-zinc-200/70',
1212
ghost: 'text-slate-700 hover:bg-zinc-200/70',
1313
outline: 'bg-transparent text-slate-900 ring-1 ring-black/12 hover:bg-zinc-200/70',

‎src/components/ui/card.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ const CardTitle = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTML
2121
({ className, ...props }, ref) => (
2222
<h3
2323
ref={ref}
24-
className={cn('text-2xl font-bold tracking-tight text-slate-950', className)}
24+
className={cn('text-2xl font-bold tracking-tight text-brand', className)}
2525
{...props}
2626
/>
2727
),

‎src/components/ui/carousel.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ export function Carousel({
4848
))}
4949
</div>
5050
<div className="absolute inset-x-0 bottom-0 items-center justify-between p-4 hidden sm:flex">
51-
<div className="flex gap-2 rounded-full bg-slate-950/70 px-3 py-2 backdrop-blur">
51+
<div className="flex gap-2 rounded-full bg-brand/70 px-3 py-2 backdrop-blur">
5252
{images.map((image, imageIndex) => (
5353
<button
5454
key={image.src}

0 commit comments

Comments
 (0)