# السمة

## 👨‍🎨️ ما هو الثيم؟

الثيم يجمع جميع متغيرات الألوان والخطوط العالمية التي ستستخدم لإنشاء النمط النهائي.

يمكنك تعيين ألوان العائلات التالية.

* **عام** الألوان المتعلقة بالنماذج مثل الخلفية، الرأس وخلفية صفحة النموذج.
* **أساسي** هي الألوان التي سيتم عرضها بشكل متكرر عبر مكونات الاستبيان الخاصة بك.
* **ثانوي** نغمات الألوان لمكونات الاستبيان القابلة للتفاعل مثل على سبيل المثال [أزرار الاختيار أو مربعات الاختيار](https://docs.ngsurvey.com/ar/form-management/form-designer/answers/answer-types/selection-answers).
* **الأخطاء** هي جميع الألوان المستخدمة في رسائل خطأ الاستبيان. يمكنك إجبار معاينة الاستبيان على عرض جميع رسائل الخطأ بتمكين [خيار معاينة الأخطاء](https://docs.ngsurvey.com/ar/form-management/style-branding/style-editor/style).

{% hint style="info" %}
يمكنك أيضًا أيًا من المتغيرات العالمية في [شفرة CSS](https://docs.ngsurvey.com/ar/form-management/style-branding/style-editor/css) باستخدام الكلمة المفتاحية var على سبيل المثال: color: **var(--ngs-text-color)**
{% endhint %}

## 🖍️ اختيار لون

يمكنك النقر على أي مربع لون لفتح منتقي الألوان لاختيار اللون الذي تريده.

![](https://848173432-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcTA3lSLW-dmc4wgTi%2F-MBcU7f0wEVsBFabJVQh%2Fimage.png?alt=media\&token=ac087b5a-b2dc-45d1-a6ec-f9d3971c0321)

لإعادة تعيين لون يمكنك اختيار مربع اللون الفارغ في أعلى يمين المنتقي.

![](https://848173432-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcUd1EWWc0udkh4ddT%2F-MBcbruhQsYgNT7xEEZH%2Fimage.png?alt=media\&token=254d1be3-a909-41cf-9b3e-86cc0429ed14)

## 🔤 تبديل الخطوط

لتبديل الخطوط يمكنك إما فتح لوحة اختيار الخط لاختيار خط جديد من قائمة الخطوط المتاحة.    

![](https://848173432-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcNP-SAiNMWHIuG_Qc%2F-MBcOkHmiZT132UYgnp_%2Fimage.png?alt=media\&token=29f4ddbc-2f26-470e-948c-b7bc93ac211a)

{% hint style="warning" %}
قائمة الخطوط المتاحة تستخدم Google Fonts، إذا لم تتمكن من رؤية أي خطوط فتأكد من أنك قمت [ربط تثبيت ngSurvey الخاص بك بـ Google Fonts](https://docs.ngsurvey.com/ar/installation-setup/system-settings/google/google-web-font). 
{% endhint %}

أو يمكنك أيضًا تغيير الخطوط يدويًا من قائمة متغيرات شفرة الثيم.

![](https://848173432-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcNP-SAiNMWHIuG_Qc%2F-MBcP84eRa62d_SYw8vH%2Fimage.png?alt=media\&token=e57d4269-971e-4670-adff-0b5c21eb3456)

{% hint style="info" %}
الخطوط المحددة من قائمة الخطوط المتاحة سيتم تنزيلها تلقائيًا من خوادم Google Fonts إذا كان المستجيب لا يملك الخط المحدد مثبتًا على جهازه.
{% endhint %}