إضافة CurrentThemeId إلى فئات CSS الخاصة بـ Body

مرحبًا،
هل يمكن لأي شخص مساعدتي في إضافة معرف السمة النشطة كـ html أو body في فئة CSS؟
أحتاج إلى كتابة بعض الأنماط وأحتاج إلى سمات مختلفة لبعض السمات.

على سبيل المثال، عند استخدام “dark-theme”:

html class="desktop-view not-mobile-device text-size-normal dark-theme"

لا نستخدم الاسم كمعرف، بل نستخدم رقمًا فقط. يمكنك العثور على معرف السمة من خلال النظر في عنوان URL أثناء تخصيص سمة في لوحة الإدارة… على سبيل المثال https://forum.example.come/admin/customize/themes/140

إذا كان بإمكانك الاكتفاء بالمعرف دون الاسم، فستكون هذه طريقة سريعة للقيام بذلك (تمت إضافتها إلى ملف الرأس الخاص بالسمة/المكون الخاص بك):

<script type="text/discourse-plugin" version="0.8">
  var themeSelector = require('discourse/lib/theme-selector');
  document.querySelector("body").classList.add("theme-id-" + themeSelector.currentThemeId())
</script>

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

إعجابَين (2)

شكرًا لك، كريس، @awesomerobot
هل توجد وثيقة لملحقات Discourse وطرق المكتبات ذات الصلة؟

لقد وجدت هذا، لكنه يبدو أنه لا يتضمن جميع المكتبات والطرق:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.