bilal/kolaytercih
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(tema): geçişte logo kareleri güneşe ya da aya dönüşür

Browse Source 
Koyuya geçerken şeftali kare hilale (iç gölgeyle; zemin rengine bağlı değil),
mavi ve turuncu kareler iki yıldıza; açığa geçerken turuncu kare güneşe,
şeftali kare halesine dönüşür. Kısa bir an durup logoya toplanır (1,7 sn).
Yalnız header'daki logo; hover döngüsü biçimi keser. DESIGN §2.3 güncel.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-10-09 00:29:03 +03:00
parent 6022319174
commit 8c48303051
3 changed files with 107 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/lib/tema-gecisi.ts
View File

@@ -1,7 +1,8 @@
// Tema geçişi (DESIGN.md §2.3): açık ↔ koyu değişimi ekranı bir anda
// çevirmez; yeni tema header'daki KolayTercih işaretinden yumuşak bir halka
// gibi açılır — kenarı keskin değil, geniş ve tüylü; ışık yayılır gibi.
// Aynı anda logonun kareleri bir tur atar: geçişi logo "başlatmış" olur.
// Aynı anda logonun kareleri yeni temanın biçimine dönüşür (koyuya: ay ve
// yıldızlar; açığa: güneş), kısa bir an durur ve yeniden logoya toplanır.
// Markanın yumuşak, oyunsu diline uysun diye sert kenar, piksel ya da ikinci
// bir şekil yok (9 Eki 2026).
//
@@ -14,7 +15,7 @@
const GECIS_SINIFI = "kt-tema-gecis";
/** Geçiş başlarken pencereye atılan olay; header'daki logo bunu dinleyip
* karelerini bir tur oynatır (animasyonlu-mark.tsx). */
* karelerini güneşe ya da aya dönüştürür (animasyonlu-mark.tsx). */
export const TEMA_GECIS_OLAYI = "kt-tema-gecis";
// Maskenin tam opak çekirdeği yarıçapın bu oranında biter, kalanı tüydür