تم الآن توفير وظيفة تبديل الوضع الداكن/الالف في النواة

[Osama]

مكوّن السمة تبديل الوضع الداكن/الفاتح، الذي يضيف تبديلًا للسماح للمستخدمين بالتبديل بسهولة بين الوضعين الفاتح والداكن، تم دمجه في نواة Discourse ويمكن تمكينه عبر إعداد الموقع interface color selector.

بالإضافة إلى إصلاحات الأخطاء والتحسينات المختلفة، يختلف الإصدار الأساسي قليلاً عن مكون السمة الأصلي من حيث أنه يحتوي على خيار ثالث “تلقائي” يطابق وضع ألوان الموقع مع تفضيل النظام لجهاز المستخدم.

يمكن تكوين محدد الألوان عبر إعداد الموقع interface color selector ليظهر إما في رأس الموقع بجوار أيقونة البحث، أو في تذييل الشريط الجانبي.

إليك لقطة شاشة عندما يكون في تذييل الشريط الجانبي:

وهذا عندما يكون في الرأس:

المستخدمون الحاليون لمكوّن السمة

لقد قمنا بإيقاف مكوّن السمة ودفعنا تحديثًا نهائيًا للكشف عما إذا كان الإصدار الأساسي متاحًا وتنبيه المسؤولين لحذفه وتمكين الإصدار الأساسي. إليك لقطة شاشة لتنبيه المسؤول:

بمجرد تمكين الإصدار الأساسي، لن يكون لمكوّن السمة أي تأثير على موقعك. ومع ذلك، يجب عليك لا يزال حذفه بالكامل لمنع الأعطال المحتملة في المستقبل حيث لن نقوم بأي صيانة لمكوّن السمة.

[Kevin7 (Kévin .)]

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

[Osama]

@كيفن .

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

هل يمكنك مشاركة لقطة شاشة للمشكلة التي تواجهها؟

[Kevin7 (Kévin .)]

إليك مثال: عندما أقوم بتبديل Discourse إلى الوضع المظلم، تظل بعض نصوص الأزرار باللون الأسود. أعتقد أنه سيكون من المنطقي أن يكون النص باللون الأبيض. ومع ذلك، وجدت حلاً باستخدام CSS أعتقد أنه يعمل بشكل جيد لحل هذه المشكلة.

$button-text-color: dark-light-choose(#ffffff, $primary);

:root {
  --button-text-color: #{$button-text-color};
}

.btn-primary {
  color: var(--button-text-color) !important;
  
  .d-icon {
    color: var(--button-text-color) !important;
  }
}

[Osama]

@Kevin7

بعض نصوص الأزرار تظل سوداء.

هذا قرار تصميم متعمد من جانبنا للأزرار الأساسية (تلك التي لها خلفية زرقاء في لوحة الألوان الافتراضية)، لذلك لن نغيره للجميع. ومع ذلك، فإن Discourse مرن للغاية ولديه نظام سمات لتجاوز CSS الأساسي.

[joo (slower)]

لقد قمت بالفعل بإجراء الإعداد، لكنني غير قادر على رؤية الخيار. هل يمكنك التكرم بشرح السبب؟

[Osama]

هل لديك لوحة ألوان فاتحة وداكنة محددة في تفضيلاتك على /my/preferences/interface؟ سيظهر التبديل فقط إذا تم تحديد كل من لوحة الألوان الفاتحة والداكنة:

[patrickemin]

مرحباً، لا أرى إعداد لوحة الألوان هذا في تفضيلاتي، فقط “السمة” و"الوضع المظلم":

[Osama]

أعتقد أنه إذا قمت بتمكين مربع الاختيار “الوضع المظلم” (أفترض أن “Mode sombre” تعني الوضع المظلم باللغة الفرنسية)، فسيظهر لك المفتاح. هل يمكنك تجربة ذلك؟

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

[Andrew_Rowe]

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

[StefanoCecere]

لا يظهر على الهاتف المحمول / الآيفون
على سطح المكتب: مثالي.
أتذكر أن الإصدار السابق (إصدار المكون) كان يظهر.

[Jagster (Jakke Lehtonen)]

مجرد إظهار أن بعض أجهزة iPhone والمنتديات تعمل.

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

غير ذلك

• لم يعد Discourse حديثًا بما فيه الكفاية
• لم يتم تمكين التبديل في إعدادات الموقع
• لم يتم تمكين الوضع المظلم على مستوى الموقع أو في إعدادات المستخدم

[StefanoCecere]

غريب لأنه كان يعمل حتى قبل بضعة أيام
سأعود بعد بضعة أيام.. لنرى
شكرا لك

[StefanoCecere]

ليس لدي هذين الخيارين… فقط الخيار العادي…

[StefanoCecere]

حصلت عليها! لكن كان الأمر صعبًا
في مزيج من الإعدادات المختلفة والتفضيلات الشخصية… أعتقد أنه يجب أن نجعل من السهل إعطاء سمة مخططين لونيين (داكن وفاتح)

[patrickemin]

@Osama

أعتقد أنه إذا قمت بتمكين مربع الاختيار للوضع المظلم (أفترض أن “Mode sombre” تعني الوضع المظلم باللغة الفرنسية)، فسيظهر لك المفتاح. هل يمكنك تجربة ذلك؟

حسنًا لا، لا يظهر في تذييل الشريط الجانبي.

[Osama]

@Andrew_Rowe

أعتذر بشدة… أين يوجد الإعداد لتشغيل هذه الميزة؟
هل لا تحتاج إلى تثبيت؟
مع واجهة المسؤول الجديدة، أنا مشوش قليلاً

إذا انتقلت إلى /admin/site_settings/category/all_results?filter=interface_color_selector على موقعك، يجب أن تتمكن من رؤية الإعداد.

@patrickemin

حسنًا لا، لا يظهر في تذييل الشريط الجانبي.

إذا قمت بتبديل تفضيل نظامك على هاتفك/جهاز الكمبيوتر من الفاتح إلى الداكن (أو العكس)، هل تتغير واجهة discourse لتطابق تفضيل النظام أم تظل دون تغيير (في الوضع الفاتح أو الداكن)؟

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

(({dark_scheme_id, color_scheme_id}) => { return {dark_scheme_id, color_scheme_id}} )((await (await fetch(`/u/${Discourse.User.current().username}.json`)).json()).user.user_option)

Discourse.SiteSettings.default_dark_mode_color_scheme_id

[patrickemin]

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

[Jagster (Jakke Lehtonen)]

ولكن إعدادات الألوان الداكنة لديك في إعدادات النظام و/أو إعداداتك الشخصية ليست صحيحة على الأرجح.

[patrickemin]

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