تحديات إنشاء لوحة ألوان مخصصة

لقد حاولت إنشاء نظام ألوان مخصص بالكامل عن طريق تحديد ألواني في ملف about.json الخاص بالموضوع الخاص بي على GitHub.

للأسف، يتم احترام بعض تعريفات الألوان الخاصة بي فقط في الموقع.

على سبيل المثال، في مخطط json الخاص بي، أحدد: "success_low": "DDE2B2",

ومع ذلك، يظهر دليل الأسلوب الخاص بي لونًا مختلفًا (محسوبًا) لـ var(--success-low).

لقد قرأت جميع الأدلة ويبدو أنه ربما لا يتم استخدام جميع تعريفات لوحة الألوان في json وبدلاً من ذلك يقوم discourse بحساب بعض القيم بنفسه ولا يحترم التعريف الخاص بي.

هل أحتاج إلى ترميز الألوان بشكل ثابت في ملف متغيرات css بدلاً من ذلك؟ هل ستتجاوز هذه القيم المحسوبة؟ أين وكيف يجب أن أفعل هذا؟ أود تحديد كل لون على حدة لكل من الوضع الفاتح والوضع الداكن في discourse، لا أحب أيًا من القيم المحسوبة.

شكرًا على أي مساعدة. لقد كان من الصعب جدًا استيعاب كيفية عمل كل هذه الأشياء، وما الذي له الأولوية في css النهائي، وما إلى ذلك.

تحديث: يبدو أن هذا المنشور يتعارض مع استكشاف الأخطاء وإصلاحها:

لذا فهو يتركني أكثر ارتباكًا بشأن سبب استمرار discourse في إنشاء الألوان تلقائيًا.

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

أرى أن هناك شرطة سفلية في الأول (success_low) وشرطة في الثاني (success-low).

يمكنك دائمًا لصق لوحة الألوان الخاصة بك هنا كما تظهر في ملف JSON لنلقي نظرة.

شكرًا لك، سأقوم بالمرور والتحقق من جميع الشرطات السفلية مقابل الواصلات. هل هناك أي ملف JSON مرجعي يمكنني العثور عليه في مكان ما يحتوي على مرجع لجميع المتغيرات، مع الواصلات والشرطات السفلية في الأماكن الصحيحة؟

استخدمت في الأصل سمة “solarized” كمرجع

هذا مربك للغاية. في دليل الأسلوب، تستخدم متغيرات CSS المسماة الشرطات:

بينما في مخططات الأمثلة هذه (وغيرها) تحتوي على شرطات سفلية:

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

من الصعب حقًا الحصول على فهم بديهي لجميع المنطق لكيفية استخدام ألوان الوضع الفاتح والداكن. بين كثرة ملفات scss والتحويلات، و json، وواجهة المستخدم الرسومية للمسؤول، ولوحات الألوان التي (إلى حد ما؟) مستقلة عن السمات …

آسف على هذياني، أنا فقط أواجه صعوبة قليلاً هنا.

لديك موضوع قديم آخر قد يساعدك في هذا الأمر

للأسف، لم يحل هذا الموضوع المشكلة.

ما زلت مرتبكًا - هل لا يوجد توجيه واضح متاح حول كيفية تعيين كل لون؟ وما هي الصيغة/الأسماء الصحيحة في ملف json مقابل متغيرات css؟

هل نظرت إلى هذا؟

لا أرى شيئًا خاطئًا بشكل واضح في ملف about.json الخاص بك، لذا قد يكون هناك شيء آخر يتعلق بكيفية تكوين السمة الخاصة بك. :thinking:

على وجه التحديد، ما هي المتغيرات التي تعمل وما هي التي لا تعمل؟

هل قرأت أيًا من مواضيع تطوير السمات؟ أعتقد أنه من الممكن أن تكون قد أغفلت ملفات سمات أخرى مطلوبة في المستودع الخاص بك.

إعجابَين (2)

نعم، لقد قرأتها، ولكن لا يوجد مرجع كامل لجميع متغيرات الألوان التي رأيتها. لقد بنيت ملف about.json الخاص بي على سمة “solarized” التي بدت وكأنها تحتوي على جميع المتغيرات معلنة. سأحاول مرة أخرى من البداية وأبلغكم وسأستخدم أدوات المطور لمعرفة المشكلات المحتملة..

شكراً على المساعدة حتى الآن