الأنماط والسمات

تستخدم الكتل رموز سمة shadcn فقط (--primary, --card, --radius …)، فأي سمة shadcn تعمل، بما فيها السمات المصنوعة بـ tweakcn أو محرر سمات shadcn.

Theme Studio

ابنِ سمة في المتصفح عبر Theme Studio: اختر إعدادًا لونيًا مسبقًا، وتزاوج خطوط، ونصف قطر، وظلالًا، وكثافة، وعاينها على لوحة تحكم حية بأي حزمة أنماط، ثم انسخ globals.css وملف layout.tsx لـ next/font. يحتفظ الرابط بكل إعداد، فمشاركة السمة سهلة.

حزم الأنماط

يشمل Pro 12 حزمة أنماط. كل واحدة تعيد تصميم كل كتلة ومكونات Core ومكونات shadcn الخاصة بك بسمة واحدة على <html>. وفي goodui Native المظاهر الـ 12 نفسها على ThemeProvider الخاص به (look="luxe"):

• Clean: shadcn/ui الافتراضي. هادئ ومألوف.
• Neobrutal: حدود سميكة، ظلال حادة، ألوان صارخة.
• Glass: ألواح مصنفرة فوق شفق ناعم.
• Retro 98: حواف مشطوفة، أشرطة عناوين وسطح مكتب أزرق مخضرّ.
• 8-bit: حدود بكسلية وخط آلات الأركيد.
• Terminal: فوسفور أخضر على أسود، وخطوط المسح مفعّلة.
• Editorial: عناوين بخط مذيّل، خطوط شعرية، ورق دافئ ولون دم الثور.
• Soft: أسطح طينية، نصف قطر كبير، ظلال بدل الحدود.
• Neon: كحلي عميق، توهجات سماوية وأرجوانية، وشبكة خافتة.
• Paper: خطوط حبر، شارات كالأختام وتسميات أحادية المسافة على ورق.
• Swiss: أبيض، أسود، وأحمر واحد. مسطّح، مربّع، كثيف.
• Luxe: شبه أسود، عناوين بخط مذيّل وخطوط شعرية ذهبية.

<html lang="en" data-style="retro98">

يعمل الوضع الداكن كما في shadcn: أضف الفئة dark إلى <html>. لكل نمط نسخة داكنة.

تقليل الحركة

تتوقف التأثيرات المتحركة، مثل خطوط مسح الطرفية، عندما يكون prefers-reduced-motion مفعّلًا لدى المستخدم.