إنشاء ومشاركة مخطط ألوان

[Discourse]

<div data-theme-toc="true"

يدعم Discourse الآن استيراد مخططات الألوان من مستودع بعيد. سأوضح لك هنا كيفية القيام بذلك.

انتقل إلى الألوان وأضف مخطط ألوان.

انتقل إلى /admin/customize/colors على موقعك وأنشئ مخطط ألوان.

نصائح:

• استخدمت إضافة كروم (color picker) لاختيار الألوان من صورة موجودة على الويب لمجموعة ألوان.

• إذا أنشأت سمة، فقم بتعيين مخطط الألوان على السمة وعرضها، وستنعكس التغييرات مباشرة.

إنشاء مستودع git جديد بمخطط الألوان

mkdir my-awesome-scheme
cd my-awesome-scheme
git init .
vim about.json

بالنسبة لـ about.json، أضف ملف إعدادات أساسي

{
  "name": "مخططات ألواني الرائعة",
  "about_url": "",
  "license_url": "",
  "color_schemes": {}
}

أضف ملف LICENSE، أستخدم عادةً MIT

vim LICENSE

دفع التغييرات إلى GitHub

تأكد من تسجيل جميع التغييرات:

git add LICENSE
git add about.json
git commit -am "first commit"

أنشئ حسابًا على GitHub.com ثم أنشئ مستودعًا جديدًا.

(اختياري) إنشاء موضوع على Discourse كمساحة لمناقشة ألوانك

من الأفضل أن تنشئ موضوعًا في فئة Customization > Theme مع بعض لقطات الشاشة لمخطط الألوان الخاص بك. ستستخدم هذا كـ about_url

املأ المعلومات المفقودة في ملف about.json الخاص بك

• انتقل إلى صفحة الترخيص الخاصة بك على GitHub، وأدخل عنوان URL الخاص بها كـ license_url

• إما استخدام عنوان URL الخاص بمشروع GitHub أو عنوان URL الخاص بموضوع Discourse كـ about_url

• اضغط على Copy to Clipboard لمخطط الألوان الخاص بك والصقه في قسم color_schemes

في نهاية العملية، سيبدو ملف about.json الخاص بك كالتالي:

{
  "name": "Solarized",
  "about_url": "https://github.com/SamSaffron/discourse-solarized",
  "license_url": "https://github.com/SamSaffron/discourse-solarized/blob/master/LICENSE",
  "color_schemes": {
    "Solarized Light": {
      "primary": "586E75",
      "secondary": "EEE8D5",
      "tertiary": "268BD2",
      "quaternary": "CB4B16",
      "header_background": "002B36",
      "header_primary": "93A1A1",
      "highlight": "B58900",
      "danger": "CB4B16",
      "success": "859900",
      "love": "DC322F"
    }
  }
}

تأكد من تسجيل التغيير ودفعه إلى GitHub

git commit -am "added more details"
git push

اختبر ما إذا كان مخطط الألوان الخاص بك صحيحًا

• احذف مخطط الألوان المحلي الخاص بك
• في شاشة admin/customize/theme، استورد سمّتك من GitHub

• انتقل إلى admin/customize/colors وتأكد من أن مخطط الألوان الخاص بك يبدو صحيحًا.

يمكنك الآن مشاركة مخطط الألوان الخاص بك بسهولة مع الآخرين!

انظر أيضًا:

هيكل الموضوعات ومكونات الموضوعات

يدعم Discourse سمات أصلية يمكن جلبها من أرشيف .tar.gz أو من مستودع git عن بُعد، بما في ذلك المستودعات الخاصة. [56] مثال على سمة متوفر هنا: GitHub - discourse/discourse-simple-theme: Sam's simple discourse theme · GitHub [32] سيتم فحص مستودع git بحثًا عن تحديثات (مرة واحدة يوميًا)، أو باستخدام زر التحقق من التحديثات. عند اكتشاف تغييرات، سيتغير زر التحقق من التحديثات إلى التحديث إلى الإصدار الأحدث. [image] لإنشاء سمة، يجب اتباع هيكل ملفات محدد. هذه هي الملفات التي يمكنك تضمينها: about.jso…

---

تمت المراجعة الأخيرة بواسطة @SaraDev في 2022-06-03T01:00:00Z

---

هذا المستند مُدار بواسطة نظام التحكم في الإصدارات - اقترح التغييرات على github.

[j127]

@Discourse

{
  "name": "Solarized",
  "about_url": "https://github.com/SamSaffron/discourse-solarized",
  "license_url": "https://github.com/SamSaffron/discourse-solarized/blob/master/LICENSE",
  "color_schemes": {
    "Solarized Light": {
      "primary": "586E75",
      "secondary": "EEE8D5",
      "tertiary": "268BD2",
      "quaternary": "CB4B16",
      "header_background": "002B36",
      "header_primary": "93A1A1",
      "highlight": "B58900",
      "danger": "CB4B16",
      "success": "859900",
      "love": "DC322F"
    }
  }
}

أعتقد أنه يمكن إضافة حقلين آخرين هناك: hover و selected.