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

[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 كموقع لمناقشة ألوانك

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

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

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

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

انظر أيضًا:

هيكل السمات ومكونات السمات

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

---

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