refactor(tema): logo maskesi kaldırıldı, tema geçişi sade crossfade (640 ms)

Bilal'in kararı (9 Eki 2026): SVG maskeli yayılma şimdilik yok; tüm sayfa
tek parça crossfade ile geçer, mursela-nextjs'teki tema geçişiyle aynı
süre ve eğri (640 ms, cubic-bezier(0.6, 0, 0.2, 1)). motion bağımlılığı
ve maske değişkenleri tema-gecisi.ts'ten çıktı; DESIGN §2.3 notu güncel.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-10-09 00:15:34 +03:00
parent 4c84a1a974
commit a51724fdcc
6 changed files with 44 additions and 141 deletions

View File

@@ -133,14 +133,11 @@ 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):** tema değişimi anlık değildir; yeni tema
KolayTercih işaretinin biçiminde önce ekranın altından ortaya süzülür, sonra
merkezden büyüyerek ekranı kaplar — büyüme boyunca logo normal, boşluklu
hâliyle görünür; büyümenin ikinci yarısında kareler arasında kalan eski
görüntü tam ekran dolguyla yeni temaya solar. Ekranda tek silüet vardır,
ikinci bir şekil büyümez ("logo içinde logo" olmaz). (View Transitions + CSS
maskesi, maskeyi motion sürer: `src/lib/tema-gecisi.ts`, `globals.css`
`.kt-tema-gecis`; hareket azaltılmışsa düz değişir.)
**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.
`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.