كيفية إضافة المزيد من الخيارات إلى لوحات الألوان؟

لاحظت أن بعض اللوحات لديها خيارات أكثر لتعيين الألوان من غيرها.
على سبيل المثال، تحتوي لوحة Dracula على خيارات أكثر بكثير من اللوحات الأخرى.

لقد رأيت هذا المنشور، لكنني لا أعرف ما إذا كان هذا ذا صلة:

يبدو أن هذا يتعلق بالسمات (Themes)، لكن اللوحات (palettes) ليس لديها خيار تعديل الكود وإضافة تعريفات الألوان.

إعجاب واحد (1)

نعم، يمكن للموضوع أن يتجاوز الألوان الفردية مباشرةً - هذا غير ممكن عبر منطقة مسؤول لوحة الألوان

إعجابَين (2)

شكراً لمشاركتك هذه المعلومة.

إذًا، بالنسبة لشخص غير ملم ببعض هذه الأشياء بعد، هل هذا يعني أنني بحاجة إلى الاتصال بخادمي عبر SSH (إذا كان هذا هو المصطلح الصحيح؟) والعثور على ملف json هذا، وإجراء تلك التغييرات، ومن ثم ستنعكس في واجهة المستخدم؟

إذا كان الأمر كذلك، فيمكننا تجاوز المتغيرات الافتراضية، بالإضافة إلى إضافة متغيرات جديدة، صحيح؟

إعجاب واحد (1)

إذا قمت بذلك بهذه الطريقة، أعتقد أنه من المحتمل أن يتم الكتابة فوقه بواسطة تحديث Discourse التالي… لذا بشكل عام تريد ترك الألوان الحالية كما هي.

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

كل ما عليك فعله في السمة نفسها هو تعديل about.json ليحتوي على تعريفات الألوان… يوجد مثال هنا:

بمجرد إضافة السمة إلى الموقع، ستتم إضافة لوحة الألوان المضمنة إلى admin/customize/colors ويمكنك جعلها قابلة للاختيار للمستخدم.

طريقة أخرى لتخصيص ألواننا هي تجاوزها مباشرة باستخدام CSS، وهذا يتطلب استخدام سمة معينة بدلاً من لوحة ألوان محددة… ولكن في الملف المشترك للسمة يمكنك فعل شيء مثل:

:root {
  --primary-low: red;
  --secondary: #ff0000;
}

يمكنك رؤية جميع الألوان المتاحة لتجاوزها عن طريق فتح مستكشف المتصفح، والنقر فوق عنصر HTML في الأعلى، والقيام ببعض التمرير (لدينا الكثير من المتغيرات الآن).

فائدة هذه الطريقة هي أنه يمكنك القيام بذلك عبر محرر السمة في واجهة المستخدم الإدارية.

3 إعجابات

هناك الكثير لاستيعابه هنا، لكنني بالتأكيد سأخصص بعض الوقت لقراءته وتحليله واختباره.
شكراً جزيلاً على الرد المفصل. لقد قمت بحفظه في ملاحظاتي. :raising_hands: