lab/landing_page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: apply Primary Color (#4E77FF) across all section kickers, subheaders, and decorative dashes

Browse Source
This commit is contained in:
Godopu
2026-08-20 22:42:26 +09:00
parent c4298bb60a
commit 7e431de1b7
8 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
refer_landing_page/app/publications/[category]/page.tsx
+2 -2
View File
@@ -59,8 +59,8 @@ export default function PublicationCategoryPage({ params }: PageProps) {
{/* Header */}
<section className="space-y-3">
<div className="flex items-center gap-3">
<span className="h-px w-8 bg-vermillion"></span>
<span className="font-mono text-xs tracking-widest uppercase text-vermillion font-bold">
<span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt"></span>
<span className="font-mono text-xs tracking-widest uppercase text-cobalt-dark dark:text-cobalt font-bold">
Publications Category
</span>
</div>
refer_landing_page/app/publications/_components/CategoryNav.tsx
+2 -2
View File
@@ -19,8 +19,8 @@ export function CategoryNav({ currentCategory }: CategoryNavProps) {
href={`/publications/${cat.slug}`}
className={`px-4 py-2 rounded text-xs font-mono tracking-wider transition-colors ${
isActive
? "bg-vermillion text-white dark:text-ivory font-bold"
: "bg-paper text-ink border border-line hover:border-vermillion"
? "bg-cobalt-dark text-white dark:text-ivory font-bold"
: "bg-paper text-ink border border-line hover:border-cobalt-dark dark:hover:border-cobalt"
}`}
>
{cat.label}
refer_landing_page/app/publications/page.tsx
+4 -4
View File
@@ -26,8 +26,8 @@ export default function PublicationsIndexPage() {
{/* Header section */}
<section className="space-y-4">
<div className="flex items-center gap-3">
<span className="h-px w-8 bg-vermillion" />
<span className="font-mono text-xs font-bold uppercase tracking-widest text-vermillion">
<span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt" />
<span className="font-mono text-xs font-bold uppercase tracking-widest text-cobalt-dark dark:text-cobalt">
BIBLIOGRAPHY &amp; INTELLECTUAL PROPERTY
</span>
</div>
@@ -49,13 +49,13 @@ export default function PublicationsIndexPage() {
return (
<div
key={cat.slug}
className="flex flex-col justify-between border border-line bg-paper p-6 rounded-lg transition-colors hover:border-vermillion group"
className="flex flex-col justify-between border border-line bg-paper p-6 rounded-lg transition-colors hover:border-cobalt-dark dark:hover:border-cobalt group"
>
<div className="space-y-3">
<span className="font-mono text-xs text-ink-mute uppercase tracking-wider">
Category
</span>
<h2 className="headline-ko text-xl text-ink font-bold group-hover:text-vermillion transition-colors">
<h2 className="headline-ko text-xl text-ink font-bold group-hover:text-cobalt-dark dark:group-hover:text-cobalt transition-colors">
{cat.label}
</h2>
<p className="text-xs text-ink-mute leading-relaxed">