Skip to content

Commit 28bb6fa

Browse files
aster-voidaster-void
committed
refactor(home): replace hardcoded #00D372 with DaisyUI primary class
Replace all hardcoded color values (#00D372) with semantic DaisyUI primary class across homepage components for better theme consistency and maintainability. Changes: - text-[#00D372] → text-primary - bg-[#00D372] → bg-primary - border-[#00D372] → border-primary - shadow-[#00D372] → shadow-primary - ring-[#00D372] → ring-primary Files updated: - HeroSection, StatsSection, ActivitiesSection - ProjectsSection, ArticlesSection, AboutSection - JoinCTA, SponsorsSection
1 parent f05965c commit 28bb6fa

7 files changed

Lines changed: 63 additions & 63 deletions

File tree

‎src/lib/components/home/AboutSection.svelte‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<section class="bg-white py-32">
1414
<div class="mx-auto max-w-6xl px-6">
1515
<div class="mb-16 text-center">
16-
<div class="mb-4 font-mono text-sm font-medium uppercase tracking-widest text-[#00D372]">ABOUT US</div>
16+
<div class="mb-4 font-mono text-sm font-medium uppercase tracking-widest text-primary">ABOUT US</div>
1717
<h2 class="text-5xl font-bold text-zinc-900 lg:text-6xl">
1818
団体概要
1919
</h2>
@@ -22,18 +22,18 @@
2222
<div class="divide-y divide-zinc-100 rounded-3xl border border-zinc-200/50 bg-white/80 backdrop-blur-md">
2323
{#each [{ label: "団体名", value: "ut.code();" }, { label: "部員", value: `${members}名程度` }, { label: "所属", value: `東京大学工学部丁友会 (${currentYear}年度)` }, { label: "部室", value: "駒場キャンパス学生会館 313B 教室" }, { label: "活動場所", value: "オンライン, 部室, 本郷図書館プロジェクトボックス等" }] as item (item.label)}
2424
<div class="flex flex-col gap-2 px-6 py-5 sm:flex-row sm:gap-0 sm:px-8 sm:py-6">
25-
<span class="w-full shrink-0 font-mono text-sm font-medium text-[#00D372] sm:w-36">{item.label}</span>
25+
<span class="w-full shrink-0 font-mono text-sm font-medium text-primary sm:w-36">{item.label}</span>
2626
<span class="text-zinc-700">{item.value}</span>
2727
</div>
2828
{/each}
2929
<div class="flex flex-col gap-3 px-6 py-5 sm:flex-row sm:items-center sm:gap-0 sm:px-8 sm:py-6">
30-
<span class="w-full shrink-0 font-mono text-sm font-medium text-[#00D372] sm:w-36">SNS</span>
30+
<span class="w-full shrink-0 font-mono text-sm font-medium text-primary sm:w-36">SNS</span>
3131
<div class="flex flex-wrap gap-4">
3232
<a
3333
href="https://github.com/ut-code"
3434
target="_blank"
3535
rel="noopener noreferrer"
36-
class="group flex items-center gap-2 rounded-lg border border-zinc-200/50 bg-white/80 px-4 py-2 text-zinc-700 backdrop-blur-md transition-all hover:border-[#00D372]/30 hover:bg-[#00D372]/5 hover:text-[#00D372] focus:outline-none focus:ring-2 focus:ring-[#00D372] focus:ring-offset-2"
36+
class="group flex items-center gap-2 rounded-lg border border-zinc-200/50 bg-white/80 px-4 py-2 text-zinc-700 backdrop-blur-md transition-all hover:border-primary/30 hover:bg-primary/5 hover:text-primary focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"
3737
>
3838
<Github class="h-5 w-5" />
3939
<span>ut-code</span>
@@ -42,7 +42,7 @@
4242
href="https://twitter.com/utokyo_code"
4343
target="_blank"
4444
rel="noopener noreferrer"
45-
class="group flex items-center gap-2 rounded-lg border border-zinc-200/50 bg-white/80 px-4 py-2 text-zinc-700 backdrop-blur-md transition-all hover:border-[#00D372]/30 hover:bg-[#00D372]/5 hover:text-[#00D372] focus:outline-none focus:ring-2 focus:ring-[#00D372] focus:ring-offset-2"
45+
class="group flex items-center gap-2 rounded-lg border border-zinc-200/50 bg-white/80 px-4 py-2 text-zinc-700 backdrop-blur-md transition-all hover:border-primary/30 hover:bg-primary/5 hover:text-primary focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"
4646
>
4747
<Twitter class="h-5 w-5" />
4848
<span>@utokyo_code</span>

‎src/lib/components/home/ActivitiesSection.svelte‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44

55
<section class="relative overflow-hidden bg-white py-32">
66
<!-- Background decoration -->
7-
<div class="pointer-events-none absolute left-0 top-0 h-full w-1/2 bg-gradient-to-r from-[#00D372]/5 to-transparent" aria-hidden="true"></div>
8-
<div class="pointer-events-none absolute right-0 top-0 h-full w-1/2 bg-gradient-to-l from-[#00D372]/5 to-transparent" aria-hidden="true"></div>
7+
<div class="pointer-events-none absolute left-0 top-0 h-full w-1/2 bg-gradient-to-r from-primary/5 to-transparent" aria-hidden="true"></div>
8+
<div class="pointer-events-none absolute right-0 top-0 h-full w-1/2 bg-gradient-to-l from-primary/5 to-transparent" aria-hidden="true"></div>
99

1010
<!-- Subtle dot pattern -->
1111
<div
@@ -16,7 +16,7 @@
1616

1717
<div class="relative mx-auto max-w-6xl px-6">
1818
<div class="mb-20 text-center">
19-
<div class="mb-4 font-mono text-sm font-medium uppercase tracking-widest text-[#00D372]">WHAT WE DO</div>
19+
<div class="mb-4 font-mono text-sm font-medium uppercase tracking-widest text-primary">WHAT WE DO</div>
2020
<h2 class="text-5xl font-bold text-zinc-900 lg:text-6xl">
2121
活動内容
2222
</h2>
@@ -27,14 +27,14 @@
2727

2828
<div class="grid gap-8 md:grid-cols-3">
2929
<div class="group relative">
30-
<div class="relative overflow-hidden rounded-3xl border border-zinc-200/50 bg-white/80 p-8 backdrop-blur-md transition-all hover:border-[#00D372]/30 hover:bg-[#00D372]/5 hover:shadow-xl hover:shadow-[#00D372]/5">
30+
<div class="relative overflow-hidden rounded-3xl border border-zinc-200/50 bg-white/80 p-8 backdrop-blur-md transition-all hover:border-primary/30 hover:bg-primary/5 hover:shadow-xl hover:shadow-primary/5">
3131
<div class="relative">
3232
<div
33-
class="mb-6 inline-flex h-16 w-16 items-center justify-center rounded-2xl bg-[#00D372] text-white shadow-lg shadow-[#00D372]/30 transition-all group-hover:shadow-xl group-hover:shadow-[#00D372]/40"
33+
class="mb-6 inline-flex h-16 w-16 items-center justify-center rounded-2xl bg-primary text-white shadow-lg shadow-primary/30 transition-all group-hover:shadow-xl group-hover:shadow-primary/40"
3434
>
3535
<BookOpen class="h-8 w-8" />
3636
</div>
37-
<h3 class="mb-4 text-2xl font-bold text-zinc-900 transition-colors group-hover:text-[#00D372]">
37+
<h3 class="mb-4 text-2xl font-bold text-zinc-900 transition-colors group-hover:text-primary">
3838
学習・教育
3939
</h3>
4040
<p class="leading-relaxed text-zinc-600">
@@ -45,14 +45,14 @@
4545
</div>
4646

4747
<div class="group relative">
48-
<div class="relative overflow-hidden rounded-3xl border border-zinc-200/50 bg-white/80 p-8 backdrop-blur-md transition-all hover:border-[#00D372]/30 hover:bg-[#00D372]/5 hover:shadow-xl hover:shadow-[#00D372]/5">
48+
<div class="relative overflow-hidden rounded-3xl border border-zinc-200/50 bg-white/80 p-8 backdrop-blur-md transition-all hover:border-primary/30 hover:bg-primary/5 hover:shadow-xl hover:shadow-primary/5">
4949
<div class="relative">
5050
<div
51-
class="mb-6 inline-flex h-16 w-16 items-center justify-center rounded-2xl bg-[#00D372] text-white shadow-lg shadow-[#00D372]/30 transition-all group-hover:shadow-xl group-hover:shadow-[#00D372]/40"
51+
class="mb-6 inline-flex h-16 w-16 items-center justify-center rounded-2xl bg-primary text-white shadow-lg shadow-primary/30 transition-all group-hover:shadow-xl group-hover:shadow-primary/40"
5252
>
5353
<Users class="h-8 w-8" />
5454
</div>
55-
<h3 class="mb-4 text-2xl font-bold text-zinc-900 transition-colors group-hover:text-[#00D372]">
55+
<h3 class="mb-4 text-2xl font-bold text-zinc-900 transition-colors group-hover:text-primary">
5656
交流
5757
</h3>
5858
<p class="leading-relaxed text-zinc-600">
@@ -63,14 +63,14 @@
6363
</div>
6464

6565
<div class="group relative">
66-
<div class="relative overflow-hidden rounded-3xl border border-zinc-200/50 bg-white/80 p-8 backdrop-blur-md transition-all hover:border-[#00D372]/30 hover:bg-[#00D372]/5 hover:shadow-xl hover:shadow-[#00D372]/5">
66+
<div class="relative overflow-hidden rounded-3xl border border-zinc-200/50 bg-white/80 p-8 backdrop-blur-md transition-all hover:border-primary/30 hover:bg-primary/5 hover:shadow-xl hover:shadow-primary/5">
6767
<div class="relative">
6868
<div
69-
class="mb-6 inline-flex h-16 w-16 items-center justify-center rounded-2xl bg-[#00D372] text-white shadow-lg shadow-[#00D372]/30 transition-all group-hover:shadow-xl group-hover:shadow-[#00D372]/40"
69+
class="mb-6 inline-flex h-16 w-16 items-center justify-center rounded-2xl bg-primary text-white shadow-lg shadow-primary/30 transition-all group-hover:shadow-xl group-hover:shadow-primary/40"
7070
>
7171
<Code class="h-8 w-8" />
7272
</div>
73-
<h3 class="mb-4 text-2xl font-bold text-zinc-900 transition-colors group-hover:text-[#00D372]">
73+
<h3 class="mb-4 text-2xl font-bold text-zinc-900 transition-colors group-hover:text-primary">
7474
開発
7575
</h3>
7676
<p class="leading-relaxed text-zinc-600">

‎src/lib/components/home/ArticlesSection.svelte‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -13,14 +13,14 @@
1313
<div class="mx-auto max-w-6xl px-6">
1414
<div class="mb-16 flex items-end justify-between">
1515
<div>
16-
<div class="mb-4 font-mono text-sm font-medium uppercase tracking-widest text-[#00D372]">NEWS & ARTICLES</div>
16+
<div class="mb-4 font-mono text-sm font-medium uppercase tracking-widest text-primary">NEWS & ARTICLES</div>
1717
<h2 class="text-5xl font-bold text-zinc-900 lg:text-6xl">
1818
最新情報
1919
</h2>
2020
</div>
2121
<a
2222
href="/articles"
23-
class="group hidden items-center gap-2 rounded-lg bg-zinc-900 px-6 py-3 font-semibold text-white transition-all hover:bg-zinc-800 focus:outline-none focus:ring-2 focus:ring-[#00D372] focus:ring-offset-2 sm:flex"
23+
class="group hidden items-center gap-2 rounded-lg bg-zinc-900 px-6 py-3 font-semibold text-white transition-all hover:bg-zinc-800 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 sm:flex"
2424
>
2525
すべて見る
2626
<ArrowRight class="h-5 w-5 transition-transform group-hover:translate-x-1" />
@@ -31,7 +31,7 @@
3131
{#each articles as article (article.id)}
3232
<a
3333
href="/articles/{article.slug}"
34-
class="group relative overflow-hidden rounded-3xl border border-zinc-200/50 bg-white/80 backdrop-blur-md transition-all hover:border-[#00D372]/30 hover:bg-[#00D372]/5 hover:shadow-lg hover:shadow-[#00D372]/5 focus:outline-none focus:ring-2 focus:ring-[#00D372] focus:ring-offset-2"
34+
class="group relative overflow-hidden rounded-3xl border border-zinc-200/50 bg-white/80 backdrop-blur-md transition-all hover:border-primary/30 hover:bg-primary/5 hover:shadow-lg hover:shadow-primary/5 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"
3535
>
3636
<div class="relative">
3737
{#if article.coverUrl}
@@ -42,7 +42,7 @@
4242
/>
4343
{/if}
4444
<div class="p-6">
45-
<h3 class="mb-3 text-xl font-bold text-zinc-900 transition-colors group-hover:text-[#00D372]">
45+
<h3 class="mb-3 text-xl font-bold text-zinc-900 transition-colors group-hover:text-primary">
4646
{article.title}
4747
</h3>
4848
{#if article.excerpt}
@@ -74,7 +74,7 @@
7474
{/if}
7575
<a
7676
href="/articles"
77-
class="mt-8 flex items-center justify-center gap-2 font-bold text-zinc-600 transition-colors hover:text-[#00D372] focus:outline-none focus:ring-2 focus:ring-[#00D372] focus:ring-offset-2 sm:hidden"
77+
class="mt-8 flex items-center justify-center gap-2 font-bold text-zinc-600 transition-colors hover:text-primary focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 sm:hidden"
7878
>
7979
すべて見る
8080
<ArrowRight class="h-5 w-5" />

‎src/lib/components/home/JoinCTA.svelte‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@
66
<!-- Decorative elements -->
77
<div class="pointer-events-none absolute inset-0 overflow-hidden" aria-hidden="true">
88
<div
9-
class="absolute left-1/4 top-1/4 h-96 w-96 rounded-full bg-[#00D372]/10 blur-3xl"
9+
class="absolute left-1/4 top-1/4 h-96 w-96 rounded-full bg-primary/10 blur-3xl"
1010
></div>
1111
<div
12-
class="absolute right-1/4 bottom-1/4 h-96 w-96 rounded-full bg-[#00D372]/5 blur-3xl"
12+
class="absolute right-1/4 bottom-1/4 h-96 w-96 rounded-full bg-primary/5 blur-3xl"
1313
></div>
1414
</div>
1515

@@ -21,14 +21,14 @@
2121
></div>
2222

2323
<div class="relative z-10 mx-auto max-w-4xl px-6 text-center">
24-
<div class="mb-6 inline-flex items-center gap-2 rounded-full border border-[#00D372]/30 bg-[#00D372]/10 px-4 py-2">
25-
<Sparkles class="h-4 w-4 text-[#00D372]" />
26-
<span class="font-mono text-sm font-medium text-[#00D372]">WE'RE HIRING</span>
24+
<div class="mb-6 inline-flex items-center gap-2 rounded-full border border-primary/30 bg-primary/10 px-4 py-2">
25+
<Sparkles class="h-4 w-4 text-primary" />
26+
<span class="font-mono text-sm font-medium text-primary">WE'RE HIRING</span>
2727
</div>
2828

2929
<h2 class="mb-6 text-5xl font-bold leading-tight text-white sm:text-6xl lg:text-7xl">
3030
未来のソフトウェアを<br />
31-
<span class="text-[#00D372]">デザインしよう</span>
31+
<span class="text-primary">デザインしよう</span>
3232
</h2>
3333

3434
<p class="mx-auto mb-10 max-w-2xl text-lg leading-relaxed text-zinc-400 sm:text-xl">
@@ -39,14 +39,14 @@
3939
<div class="flex flex-wrap items-center justify-center gap-4">
4040
<a
4141
href="/join"
42-
class="group inline-flex items-center gap-2 rounded-lg bg-[#00D372] px-8 py-4 font-semibold text-white shadow-lg shadow-[#00D372]/30 transition-all hover:shadow-xl hover:shadow-[#00D372]/40 focus:outline-none focus:ring-2 focus:ring-[#00D372] focus:ring-offset-2"
42+
class="group inline-flex items-center gap-2 rounded-lg bg-primary px-8 py-4 font-semibold text-white shadow-lg shadow-primary/30 transition-all hover:shadow-xl hover:shadow-primary/40 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"
4343
>
4444
JOIN US
4545
<ArrowRight class="h-5 w-5 transition-transform group-hover:translate-x-1" />
4646
</a>
4747
<a
4848
href="/about"
49-
class="group inline-flex items-center gap-2 rounded-lg border border-zinc-700 bg-zinc-800/50 px-8 py-4 font-semibold text-white transition-all hover:border-zinc-600 hover:bg-zinc-800 focus:outline-none focus:ring-2 focus:ring-[#00D372] focus:ring-offset-2"
49+
class="group inline-flex items-center gap-2 rounded-lg border border-zinc-700 bg-zinc-800/50 px-8 py-4 font-semibold text-white transition-all hover:border-zinc-600 hover:bg-zinc-800 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"
5050
>
5151
もっと詳しく
5252
<ArrowRight class="h-5 w-5 transition-transform group-hover:translate-x-1" />

‎src/lib/components/home/ProjectsSection.svelte‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<div class="mx-auto max-w-6xl px-6">
1818
<div class="mb-20 flex items-end justify-between">
1919
<div>
20-
<div class="mb-4 font-mono text-sm font-medium uppercase tracking-widest text-[#00D372]">PROJECTS</div>
20+
<div class="mb-4 font-mono text-sm font-medium uppercase tracking-widest text-primary">PROJECTS</div>
2121
<h2 class="text-5xl font-bold text-zinc-900 lg:text-6xl">
2222
つくったもの
2323
</h2>
@@ -27,7 +27,7 @@
2727
</div>
2828
<a
2929
href="/projects"
30-
class="group hidden items-center gap-2 rounded-lg bg-zinc-900 px-6 py-3 font-semibold text-white transition-all hover:bg-zinc-800 focus:outline-none focus:ring-2 focus:ring-[#00D372] focus:ring-offset-2 sm:flex"
30+
class="group hidden items-center gap-2 rounded-lg bg-zinc-900 px-6 py-3 font-semibold text-white transition-all hover:bg-zinc-800 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 sm:flex"
3131
>
3232
すべて見る
3333
<ArrowRight class="h-5 w-5 transition-transform group-hover:translate-x-1" />
@@ -37,16 +37,16 @@
3737
{#if featuredProject}
3838
<a
3939
href="/projects/{featuredProject.slug}"
40-
class="group relative flex flex-col overflow-hidden rounded-3xl border border-zinc-900 bg-zinc-900 p-8 text-white transition-all hover:shadow-2xl hover:shadow-zinc-900/20 focus:outline-none focus:ring-2 focus:ring-[#00D372] focus:ring-offset-2 lg:row-span-2"
40+
class="group relative flex flex-col overflow-hidden rounded-3xl border border-zinc-900 bg-zinc-900 p-8 text-white transition-all hover:shadow-2xl hover:shadow-zinc-900/20 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 lg:row-span-2"
4141
>
4242
<div class="relative">
4343
<span
44-
class="inline-block rounded-lg bg-[#00D372] px-3 py-1 font-mono text-xs font-bold text-white shadow-lg shadow-[#00D372]/30"
44+
class="inline-block rounded-lg bg-primary px-3 py-1 font-mono text-xs font-bold text-white shadow-lg shadow-primary/30"
4545
>
4646
FEATURED
4747
</span>
4848
{#if featuredProject.coverUrl}
49-
<div class="mt-6 overflow-hidden rounded-2xl ring-1 ring-white/10 transition-all group-hover:ring-2 group-hover:ring-[#00D372]/50">
49+
<div class="mt-6 overflow-hidden rounded-2xl ring-1 ring-white/10 transition-all group-hover:ring-2 group-hover:ring-primary/50">
5050
<img
5151
src={featuredProject.coverUrl}
5252
alt={featuredProject.name}
@@ -55,7 +55,7 @@
5555
</div>
5656
{/if}
5757
<div class="mt-8">
58-
<h3 class="mb-3 text-2xl font-bold transition-colors duration-300 group-hover:text-[#00D372]">
58+
<h3 class="mb-3 text-2xl font-bold transition-colors duration-300 group-hover:text-primary">
5959
{featuredProject.name}
6060
</h3>
6161
{#if featuredProject.description}
@@ -75,19 +75,19 @@
7575
{#each projects as project (project.id)}
7676
<a
7777
href="/projects/{project.slug}"
78-
class="group relative overflow-hidden rounded-3xl border border-zinc-200/50 bg-white/80 p-6 backdrop-blur-md transition-all hover:border-[#00D372]/30 hover:bg-[#00D372]/5 hover:shadow-lg hover:shadow-[#00D372]/5 focus:outline-none focus:ring-2 focus:ring-[#00D372] focus:ring-offset-2"
78+
class="group relative overflow-hidden rounded-3xl border border-zinc-200/50 bg-white/80 p-6 backdrop-blur-md transition-all hover:border-primary/30 hover:bg-primary/5 hover:shadow-lg hover:shadow-primary/5 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"
7979
>
8080
<div class="relative">
8181
{#if project.coverUrl}
82-
<div class="mb-4 overflow-hidden rounded-2xl ring-1 ring-zinc-100 transition-all group-hover:ring-2 group-hover:ring-[#00D372]/30">
82+
<div class="mb-4 overflow-hidden rounded-2xl ring-1 ring-zinc-100 transition-all group-hover:ring-2 group-hover:ring-primary/30">
8383
<img
8484
src={project.coverUrl}
8585
alt={project.name}
8686
class="aspect-[5/3] w-full object-cover transition-transform duration-500 group-hover:scale-105"
8787
/>
8888
</div>
8989
{/if}
90-
<h3 class="mb-2 text-xl font-bold text-zinc-900 transition-colors duration-300 group-hover:text-[#00D372]">
90+
<h3 class="mb-2 text-xl font-bold text-zinc-900 transition-colors duration-300 group-hover:text-primary">
9191
{project.name}
9292
</h3>
9393
{#if project.description}
@@ -106,7 +106,7 @@
106106
</div>
107107
<a
108108
href="/projects"
109-
class="mt-8 flex items-center justify-center gap-2 font-bold text-zinc-600 transition-colors hover:text-[#00D372] focus:outline-none focus:ring-2 focus:ring-[#00D372] focus:ring-offset-2 sm:hidden"
109+
class="mt-8 flex items-center justify-center gap-2 font-bold text-zinc-600 transition-colors hover:text-primary focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 sm:hidden"
110110
>
111111
すべて見る
112112
<ArrowRight class="h-5 w-5" />

‎src/lib/components/home/SponsorsSection.svelte‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
<section class="bg-zinc-50 py-32">
2222
<div class="mx-auto max-w-6xl px-6">
2323
<div class="mb-16 text-center">
24-
<div class="mb-4 font-mono text-sm font-medium uppercase tracking-widest text-[#00D372]">SPONSORS</div>
24+
<div class="mb-4 font-mono text-sm font-medium uppercase tracking-widest text-primary">SPONSORS</div>
2525
<h2 class="text-5xl font-bold text-zinc-900 lg:text-6xl">
2626
協賛企業様
2727
</h2>
@@ -38,7 +38,7 @@
3838
href={sponsor.websiteUrl}
3939
target="_blank"
4040
rel="noopener noreferrer"
41-
class="transition-all hover:opacity-80 focus:outline-none focus:ring-2 focus:ring-[#00D372] focus:ring-offset-2"
41+
class="transition-all hover:opacity-80 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"
4242
>
4343
<img
4444
src={sponsor.logoUrl}
@@ -63,7 +63,7 @@
6363
<p class="mb-6 text-xl text-zinc-600">協賛企業を募集中です</p>
6464
<a
6565
href="/donation"
66-
class="inline-block rounded-lg bg-[#00D372] px-8 py-4 font-semibold text-white shadow-lg shadow-[#00D372]/30 transition-all hover:shadow-xl hover:shadow-[#00D372]/40 focus:outline-none focus:ring-2 focus:ring-[#00D372] focus:ring-offset-2"
66+
class="inline-block rounded-lg bg-primary px-8 py-4 font-semibold text-white shadow-lg shadow-primary/30 transition-all hover:shadow-xl hover:shadow-primary/40 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"
6767
>
6868
寄付について詳しく見る
6969
</a>

0 commit comments

Comments
 (0)