تفصيل مهم، نريد فقط تغيير لون الخلفية الرئيسية، وليس خلفية المناطق التي تحتوي على نصوص. لهذا السبب لا يمكننا استخدام قيم لوحة الألوان مباشرة (إلا إذا فاتني شيء ما).
لا يزال محاولة تغيير الخلفية للوضع الافتراضي (الفاتح) مع الاحتفاظ بالخلفية الداكنة للوضع المظلم.
حتى لو أردنا لونًا عاديًا للخلفية الفاتحة، فإن أي شيء جربناه باستخدام CSS يضيف نفس اللون إلى الخلفية في الوضع المظلم.
لهذا السبب نحاول باستخدام صورة بدلاً من ذلك. عندما يتم تعيين صورة الخلفية على الوضع الافتراضي، يتم استخدام صورة Graceful الافتراضية للخلفية الفاتحة، ولكن للوضع المظلم توجد خلفية داكنة. سيكون من الرائع أن نتمكن من إضافة صورة مخصصة تُستخدم فقط في الوضع الفاتح أيضًا، ولكن عندما نحاول، يتم استخدام نفس الصورة في الوضع المظلم. نظرًا لأن صورة الخلفية ساطعة ومناسبة للوضع الفاتح، فإنها تفسد الوضع المظلم.
هل وجد أي شخص طريقة لضبط عرض المنتدى بشكل صحيح مع هذا المظهر؟
لا يبدو أن تغييرات CSS الخاصة بي لها أي تأثير، ومكون العرض المخصص لـ Canapin (Canapin’s custom width component) يعمل بشكل جيد مع المظهر الافتراضي ولكنه يبدو أنه لا يؤثر على Graceful.
بشكل افتراضي، يكون المنتدى ضيقًا جدًا، وسيكون من الرائع أن نتمكن من تغيير ذلك.
يعمل Canapin’s TC بالنسبة لي في هذا الموضوع.
يقوم TC هذا بتعيين متغيرات CSS --d-max-width و --topic-body-width.
قد يكون لديك TC آخر أو تخصيصات أخرى تتجاوز هذه القيم.
يمكنك المحاولة يدويًا، على سبيل المثال:
body {
--d-max-width: 1500px;
--topic-body-width: 1500px;
}
كمثال، تم تطبيق التغييرات على الحشو والخلفية وما إلى ذلك بشكل صحيح، ولكن لون النص الفعلي نفسه تم تجاهله وظل اللون الأصفر الافتراضي. هل هناك شيء مختلف يجب أن أعالجه لتغيير ذلك؟ اللون الأصفر صعب القراءة للغاية على خلفية بيضاء بشكل افتراضي.
على الهاتف المحمول، أصبح عرض المنتدى الآن أكبر قليلاً من الشاشة، هل هناك طريقة لجعله يبقى عند عرض 100٪ كحد أقصى على الهاتف المحمول وعدم تجاوزه، ولكن دون التراجع عن زيادة العرض لمستخدمي سطح المكتب؟
أواجه نفس المشكلة التي واجهها @Solari أعلاه، حيث أن أشرطة الألوان على الهاتف المحمول غير موجودة. حاولت استخدام رمز CSS المقترح في الرد ولكن ذلك لم يحل المشكلة على ما يبدو، هل اكتشف أي شخص كيفية استعادة أشرطة ألوان الفئات على الهاتف المحمول؟
حسنًا، كنت ألقي نظرة هنا على Meta مع تحديد سمة Graceful. على الهاتف المحمول، لسبب ما لا توجد أشرطة ملونة كما في سطح المكتب. أنا شخصياً لست متأكداً من السبب.
على الرغم من ذلك، على سطح المكتب في شريط التمرير، قم بتبديله إلى عرض الهاتف المحمول ويجب أن تكون قادرًا على استخدام عنصر الفحص. سأتحقق أيضًا من وضع سطح المكتب وأرى كيف يختلف CSS. إذا لزم الأمر، يمكن إنشاء مكون مخصص مع تجاوزات في Mobile للحصول على الأشرطة الملونة تعمل كما هو متوقع.
شكرًا! أقدر ذلك. بما أن مستخدمين آخرين قد أبلغوا عن المشكلة بالفعل في وقت سابق في هذا الموضوع، كنت آمل في حل أكثر ديمومة سيصمد حتى بعد التحديثات المستقبلية لـ Grace.
قد يكون من الأفضل نشر هذا كـ Bug باستخدام الوسم ux و graceful-theme
قد يساعد ذلك في زيادة الظهور.
بدلاً من ذلك، يضيف مكون السمة هذا عرضًا جميلًا للفئات. يتم استخدامه في سمة Air.
