# السمة

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

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

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

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

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

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

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

![](/files/4ad3825151a0b39fbb34d1ba3cb7332354b820b6)

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

![](/files/7953b0ed9e0ac2caa4a5d7e0fc0250defec8f18f)

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

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

![](/files/26a1a1a1412ab848fd8eb3e87ab2907ed5ce29b4)

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

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

![](/files/734681d234595d26bd62d271af60d151dccbd2dd)

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ngsurvey.com/ar/form-management/style-branding/style-editor/theme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.