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

[Discourse]

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

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

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

نصائح:

• استخدمت ملحق كروم (محدد الألوان) لاختيار ألوان من صورة موجودة لمجموعة ألوان على الويب.

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

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

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

أضف ملف إعدادات هيكلي لـ about.json

{
  "name": "My awesome color schemes",
  "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 كمنزل لمناقشة ألوانك

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

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

• انتقل إلى صفحة LICENSE على GitHub، املأ هذا الرابط كـ license_url

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

• اضغط على نسخ إلى الحافظة في مخطط الألوان الخاص بك والصقه في قسم 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 وتأكد من أن مخطط الألوان يبدو صحيحًا.

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

انظر أيضًا:

Structure of themes and theme components

Discourse supports native themes that can be sourced from a .tar.gz archive or from a remote git repository including private repositories. [56] An example theme is at: GitHub - discourse/discourse-simple-theme: Sam's simple discourse theme · GitHub [32] The git repository will be checked for updates (once a day), or by using the Check for Updates button. When changes are detected the Check for Updates button will change to the Update to Latest. [image] To create a theme you need to foll…

---

تمت المراجعة آخر مرة بواسطة @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.