مساعدة في تغيير لون الأزرار

بالعودة إلى هذا المنشور:

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

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

ما يعنيه ذلك هو أنه لم يعد عليك البحث عن جميع المحددات (selectors) التي يُستخدم فيها لون $primary-low وتعديلها. بل يكفي تغييره في مكان واحد فقط. وهذا المكان هو ملف about.json الخاص بمظهر (theme) الخاص بك حيث تعرّف لوحة الألوان.

على سبيل المثال، إذا كانت لوحة ألوانك تبدو هكذا

"Solarized Light": {
  "primary": "586E75",
  "secondary": "EEE8D5",
  "tertiary": "268BD2",
  "quaternary": "CB4B16",
  "header_background": "002B36",
  "header_primary": "93A1A1",
  "highlight": "B58900",
  "danger": "CB4B16",
  "success": "859900",
  "love": "DC322F"
}

فإن الشيء الوحيد الذي ستحتاج إلى فعله لتجاوز $primary-low هو تعريفه هنا على النحو التالي

"Solarized Light": {
  "primary": "586E75",
+ "primary-low": "FF0000",
  "secondary": "EEE8D5",
  "tertiary": "268BD2",
  "quaternary": "CB4B16",
  "header_background": "002B36",
  "header_primary": "93A1A1",
  "highlight": "B58900",
  "danger": "CB4B16",
  "success": "859900",
  "love": "DC322F"
}

وسيتم استخدام اللون الجديد تلقائيًا في كل مكان بدلاً من اللون الذي يولده Discourse لك.

إذا لم يكن مظهرك (theme) عن بُعد — أي أنه تم إنشاؤه على موقع Discourse الخاص بك عبر الإعدادات > تخصيص — فستحتاج إلى تصديره، وإجراء التغيير المذكور أعلاه، ثم استيراده مرة أخرى، لأن هذه ميزة جديدة ولم يتم دمجها بالكامل في واجهة المستخدم بعد.

هذا عمل بشكل رائع، شكرًا لك جو!