Stiller ve temalama
Bloklar yalnızca shadcn tema token'larını kullanır (--primary, --card, --radius …), yani tweakcn veya shadcn tema editörüyle yapılanlar dahil her shadcn teması çalışır.
Theme Studio
Theme Studio ile tarayıcıda tema oluştur: bir renk ön ayarı, bir yazı tipi eşleşmesi, köşe yarıçapı, gölge ve yoğunluk seç, istediğin stil paketinde canlı bir panoda önizle, sonra globals.css ve bir next/font layout.tsx dosyası kopyala. Bağlantı her ayarı taşır, yani bir temayı paylaşmak kolay.
Stil paketleri
Pro 12 stil paketi içerir. Her biri <html> üzerindeki tek öznitelikle her bloğu, Core bileşenlerini ve kendi shadcn bileşenlerini yeniden stiller. goodui Native aynı 12 görünüme ThemeProvider üzerinden sahiptir (look="luxe"):
- Clean: Varsayılan shadcn/ui. Sakin ve tanıdık.
- Neobrutal: Kalın kenarlıklar, sert gölgeler, çığırtkan renk.
- Glass: Yumuşak bir auroranın üstünde buzlu paneller.
- Retro 98: Eğimli kenarlar, başlık çubukları ve turkuaz masaüstü.
- 8-bit: Piksel kenarlıklar ve atari yazısı.
- Terminal: Siyah üstüne yeşil fosfor, tarama çizgileri açık.
- Editorial: Serif başlıklar, ince çizgiler, sıcak kâğıt ve kan kırmızısı.
- Soft: Kil yüzeyler, geniş köşeler, kenarlık yerine gölge.
- Neon: Koyu lacivert, camgöbeği ve macenta parıltılar, silik bir ızgara.
- Paper: Mürekkep çizgileri, damga rozetleri ve kâğıt üstünde mono etiketler.
- Swiss: Beyaz, siyah, tek kırmızı. Düz, köşeli, yoğun.
- Luxe: Siyaha yakın, serif başlıklar ve altın ince çizgiler.
<html lang="en" data-style="retro98">Koyu tema shadcn'deki gibi çalışır: <html> öğesine dark sınıfını ekle. Her stilin koyu bir varyantı var.
Azaltılmış hareket
Terminal tarama çizgileri gibi animasyonlu efektler, kullanıcı prefers-reduced-motion ayarını açtığında kapanır.