feat: светлая тема как основная + переключатель тем

- CSS-переменные --bg, --surface, --ink, --mute, --accent для обеих тем
- darkMode: 'class' в Tailwind config
- ThemeToggle компонент с Sun/Moon, сохраняет выбор в localStorage
- Inline-скрипт в layout.js защищает от FOUC (FlashOfUnstyledContent)
- Авто-определение по prefers-color-scheme как fallback
- not-found.js: красивая 404 страница вместо дефолтной Next
- Обновлены все компоненты и страницы — Header, Footer, ArticleCard, page.js, blog, tag, about
This commit is contained in:
Alexey Pavlov
2026-05-31 09:07:44 +03:00
parent d8d1affcc8
commit a16bf812e4
12 changed files with 231 additions and 75 deletions
+22
View File
@@ -0,0 +1,22 @@
import Link from 'next/link';
import Header from '@/components/Header';
import Footer from '@/components/Footer';
import { ArrowLeft } from 'lucide-react';
export default function NotFound() {
return (
<>
<Header />
<main className="container-narrow pt-20 pb-20 text-center">
<div className="text-7xl font-bold mb-4 ink">404</div>
<p className="text-xl mute mb-8">
Такой страницы нет но это не повод грустить
</p>
<Link href="/" className="btn btn-primary">
<ArrowLeft className="w-4 h-4" /> На главную
</Link>
</main>
<Footer />
</>
);
}