feat(tema): tema geçişi logodan piksel piksel yayılır
Sitenin piksel imzasının hareketli hâli: yeni tema header'daki logodan başlar, kare ızgarası hâlinde dağınık bir ön yüzle ekrana yayılır; her kare sırası gelince yumuşakça belirir (900 ms, --kt-tema-sure). View Transitions + küçük tuvalden üretilen, önbelleklenen maske kareleri; pixelated ile keskin. Reduced-motion ve desteksiz tarayıcıda düz geçiş. DESIGN §2.3 güncel. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -133,11 +133,13 @@ Seçici `src/components/tema-secici.tsx` (footer'da), sağlayıcı `src/componen
|
||||
(`next-themes`, `<html class="dark">`). Renklerin tek kaynağı `src/app/globals.css` içindeki
|
||||
`.dark` bloğu.
|
||||
|
||||
**Geçiş ve kısayol (7 Eki 2026, 9 Eki'de sadeleşti):** tema değişimi anlık değildir;
|
||||
tüm sayfa tek parça, 640 ms ease-in-out crossfade ile yeni temaya geçer (View
|
||||
Transitions: `src/lib/tema-gecisi.ts`, `globals.css` `.kt-tema-gecis`; hareket
|
||||
azaltılmışsa düz değişir). Logo maskeli yayılma denendi ve kaldırıldı (Bilal'in
|
||||
kararı, 9 Eki 2026): mursela-nextjs'teki sade crossfade yeter.
|
||||
**Geçiş ve kısayol (7 Eki 2026; son hâli 9 Eki):** tema değişimi anlık değildir; yeni
|
||||
tema header'daki logodan başlar ve ekrana **piksel piksel** yayılır — piksel imzasının
|
||||
(§1, `PixelMark`/`PixelDivider`) hareketli hâli. Kareler sırası gelince yumuşakça belirir,
|
||||
dalganın ön yüzü dağınık bir piksel kenarıdır; 900 ms (`--kt-tema-sure`). View Transitions
|
||||
+ tuvalden üretilen kare ızgarası maskesi: `src/lib/tema-gecisi.ts`, `globals.css`
|
||||
`.kt-tema-gecis`; hareket azaltılmışsa düz değişir. Logo biçimli maske ve düz crossfade
|
||||
denendi, bu seçildi (Bilal işi tasarıma bıraktı, 9 Eki 2026).
|
||||
`D` tuşu açık ↔ koyu geçişi yapar (`src/components/tema-kisayolu.tsx`); ipucu seçicinin
|
||||
altında `Kbd` ile durur, başka yere kopyalanmaz. Header'daki Beta rozeti `/surum-notlari`na
|
||||
bağlantıdır.
|
||||
|
||||
Reference in New Issue
Block a user