Blog
Mert Özen'in yazılım geliştirme, backend, frontend ve DevOps üzerine blog yazıları.
Material'ı Özelleştirmek ve Sürümler: Token Override'ları, Density, CDK ile Kendi Component'in ve Material 12'den 22'ye
Material'ı token'larla özelleştir: bir bölgeyi yeniden boyamak için class içinde yalnız color veren mat.theme 4.2 kB ekledi, eski all-component-themes alışkanlığı 53 kB; overlay'ler tema class'ının dışında kaldığı için class'ı overlay container'a da ver. Bookstore'un kurumsal portalında density ölçeğini, CDK Menu ile bir split button ve harness'ını, Material 12'den 22'ye değişimi ve eski .mat-* override'larının neden sıfır element'e uyduğunu ölçüyoruz.
Theme ve Design Token'lar: @theme Namespace'leri, Özel Renk/Font/Breakpoint ve Dark Mode
@theme bloğundaki her değişken hem bir utility hem de :root'ta bir CSS değişkeni üretir; değişkenin namespace'i hangi utility'nin doğacağını belirler. Bookstore.Web'de marka token'larını tanımlıyor, varsayılan temayı genişletmek ile --color-*: initial ile sıfırlamayı karşılaştırıyor, @theme inline'ın kurum bazlı renkte neden gerektiğini ve @theme static'i ölçüyor, semantic değişkenler ve head script'iyle FOUC'suz dark mode kuruyor, DTCG token'larından Style Dictionary ile @theme üretiyoruz.