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

[Discourse]

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

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

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

نصائح:

• استخدمت إضافة Chrome (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 "الالتزام الأول"

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

(اختياري) أنشئ موضوعًا على Discourse كمنزل لمناقشة ألوانك

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

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

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

• استخدم إما عنوان URL لمشروع GitHub أو عنوان URL لموضوع 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 "أضفت المزيد من التفاصيل"
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.