لوحة العلامة

اللوحة الأساسيةCopy Anchor Link

تعود ملكية اللوحة المرجعية — مدرّج slate المحايد، ومدرّج التمييز emerald، والدرجات اللونية الدلالية — إلى رموز التصميم في assets/design-tokens.css (ومرآتها assets/design-tokens.json). وتعيد سمة الموقع في site/app/global.css صياغة قيم الرموز الدلالية بصيغة OKLCH في متغيّرات CSS التي تستهلكها سمة Fumadocs: إذ تُحَلّ متغيّرات خلفية الصفحة والنص واللون الأساسي والحدود وحلقة التركيز إلى خطوات الرموز ذاتها تمامًا (ويُلزِم فحص lib/theme-tokens.test.mjs متغيّرات الخلفية والمقدّمة واللون الأساسي والحلقة بمطابقتها). أمّا المدرّجات apothem-* وpolygon-* وfield-* المُعلَنة في الملف نفسه فهي تقريبات مشتقّة من مدرّجات الرموز، لا نُسَخ منها، وليست جزءًا من المواصفة. وكل قيمة أدناه هي خطوة من مدرّج slate أو emerald في رموز التصميم؛ واسم الخطوة مثل slate-600 يشير إلى قيمة ذلك المدرّج.

لوحة أُطُر العملCopy Anchor Link

تعيش ألوان أُطُر العمل في ألوان علامات أُطُر العمل. ولا تحمل علامة Apothem أي لون لإطار عمل؛ وسداسيّها وعُقدتها المركزية وعُقَدها الطرفية موصوفة في قسم العلامة من assets/DESIGN-SYSTEM.md. وألوان أُطُر العمل مُعرَّفة في تلك الصفحة، لا في رموز التصميم ولا في site/app/global.css، وكلاهما لا يحمل إلا اللوحة الأساسية.

الاستخدام في التوثيقCopy Anchor Link

تُربَط اللوحة عبر صحيفة الأنماط العامة site/app/global.css، التي يستوردها التخطيط الجذري. وتتبدّل متغايرات الوضع الفاتح والداكن تبعًا لحالة الصنف .dark في السمة.

التحديثاتCopy Anchor Link

لا تُحدَّث اللوحة إلا عندما يتغيّر لون أساسي (slate / emerald) أو يعتمد إطار عمل تغييرًا في لون العلامة في المنبع. وتنتشر التغييرات الخاصة بكل إطار عمل انتشارًا ذرّيًّا عبر ألوان علامات أُطُر العمل وكل ملف SVG رئيسي متأثّر تحت assets/src/.