# رموز دلالية ومخططات بلا تبعيات: كيف يستقر الأساس البصري للوحة التحكم

لا يمر اللون إلا عبر رموز دلالية، وست لوحات ألوان جاهزة تُدمج مع اللون الأساسي ولون السمة، وكل مخطط يُرسم بصيغة SVG.

> توفر Runlume وظائف منصة وتطبيقات مستقلة وخدمات قابلة للجمع حسب الحاجة. تتبع الوظائف والحصص والتسليم الخطة أو الاتفاق. تُختار تطبيقات الأعمال منفردة ويتبع التعاون الربط والصلاحيات المهيأة.

الصفحة الأصلية: https://runlume.app/ar/blog/admin-design-tokens-and-charts

أدلة المطورين · السمة واللون / المكوّنات / إمكانية الوصول

تاريخ النشر：2026-09-17 · المؤلف：فريق Runlume

الانحراف البصري في لوحات التحكم لا يأتي عادة من تغيير كبير، بل من قيم ألوان ومسافات ومكوّنات لمرة واحدة متناثرة في الشيفرة: تظهر «النجاح» نفسها بثلاث درجات من الأخضر، ويصبح تبديل السمة عملاً في عشرات الملفات.

يبدأ admin-design من الرموز والهياكل، ثم يتحدث عن الصفحات بعد ذلك.

## اللون يوصف الغرض لا القيمة

لا يمر اللون إلا عبر أصناف أدوات دلالية: `bg-card` و`text-muted-foreground` و`text-success` و`border-destructive`. تغيير السمة يغيّر الرموز لا شيفرة العمل.

تعمل اللوحات على طبقتين: ست لوحات جاهزة (teal وblue وforest وviolet وamber وgraphite ومخصّصة) تحدّد الانطباع العام، بينما تضبط الألوان الأساسية (neutral وstone وzinc وغيرها) وألوان السمة بثمانية عشر تدرجاً التفاصيل. ويحفظ الوضعان الفاتح والداكن اختيارات منفصلة.

إمكانية الوصول ليست إضافة: حجم الخط ووزنه والتباين العالي ودعم رؤية الألوان وتقليل الحركة وتسطير الروابط كلها في الإعدادات. تبقى التفضيلات في المتصفح ولا تدخل بيانات العمل.

## كل المخططات مرسومة يدوياً بصيغة SVG

الخطوط والأعمدة والحلقات والأعمدة المصغّرة والأعمدة الأفقية والخرائط الحرارية والرادار والقمع وجانت تتشارك المجموعة نفسها من الألوان الدلالية، وتتبع الوضعين الفاتح والداكن، وتحمل `role="img"` مع `aria-label` يوضح ما يعرضه المخطط.

ثمن غياب التبعيات هو إدارة الإحداثيات والنسب بنفسك، والمقابل هو التحكم في حجم الحزمة والمراجعات واتساق السمة: لا وجود لنظام ألوان ثانٍ للمخططات.

## معرض المكوّنات هو مساحة القبول

تسع فئات من المكوّنات موزّعة على تسع صفحات، ولكل عنصر موضع استخدام حقيقي. تغيير مكوّن يقتضي تحديث مثاله في المعرض أولاً، والميزة الجديدة تُسلَّم كثلاثية: مثال في المعرض وموضع حقيقي واختبار. فلا ينفصل التوثيق عن التنفيذ، ويجد المراجعون مرجعاً واحداً للمقارنة.

## صفحات ذات صلة

- [المنصة](https://runlume.app/ar/platform)
- [تطبيقات الأعمال](https://runlume.app/ar/apps)
- [المطورون](https://runlume.app/ar/developers)
- [عن Runlume](https://runlume.app/ar/about)