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

[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 الخاص بك

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

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

شاهد أيضًا:

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 [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 follow a spec…

---

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