كيف يمكنني تغيير خلفية الفئة في النسخة المحمولة؟

مرحبًا. لا أستطيع تغيير خلفية الفئة. هل هناك طريقة للقيام بذلك؟

أعتقد أن هذا قد يكون صعبًا باستخدام Horizon[1]، لكن شيءًا مثل هذا سيعمل في مكون السمة. سيختلف اللون حسب المتغير الذي تستخدمه (مثل: --tertiary-low من لوحات الألوان للوضع الفاتح/الداكن). يمكنك أيضًا إنشاء متغيرات خاصة بك وإضافة المزيد من التعقيد.

في ملف CSS المخصص لمكون السمة:

@use "lib/viewport";

//** استهداف معرف الفئة لفئة محددة **//

.category-box[data-category-id="4"] {

// ** التطبيق فقط على الأجهزة المحمولة ** //

  @include viewport.until(md) {
    .category-box-inner {
       background: var(--tertiary-low);
    }
  }
}

مع لوحة الألوان المستخدمة حاليًا على موقعك:

الوضع الفاتح:

الوضع الداكن:


  1. أجد أن تخصيص Horizon أمر مزعج ↩︎

إذا كنت ترغب في استخدام ألوان محددة غير موجودة في لوحة الألوان التي تتغير مع الوضع الداكن/الفاتح، يمكنك استخدام علامة التبويب “تعريفات الألوان” في نفس المكون:

$bg-light: aqua;
$bg-dark: blueviolet;

:root {
  --category-id-4-background: #{dark-light-choose($bg-light, $bg-dark)};
}

فقط للإشارة:

ليس المقصود من هورايزون أن يكون قابلاً للتخصيص.

إذا كنت ترغب في إجراء أي تخصيص، فإن التوصية الرسمية هي البدء بقالب “فوندشن” واستخدامه كأساس.

كما هو موضح هنا

هذا محزن لأن المشرفين يريدون تخصيص مواقعهم. هذه واحدة من المزايا العظيمة التي يحبها الناس في Discourse. :slight_smile:

نعم، إذا كنت تستطيع تعديله، بالتأكيد، تفضل. لكن كلمة