نظام ألوان فريد لفئة

مطور
2

مرحباً @Rhababo :wave: مرحباً بك في Meta :slight_smile:

إذا لم تكن قد عملت مع سمات Discourse والتطوير، فسأبدأ بالموارد هنا:

أيضًا، على سبيل المثال، يمكنك تغيير الشعار ولون الرأس وحتى ألوان الأيقونات لفئة معينة باستخدام كود CSS مثل هذا:

.category-<category-slug> .d-header {
    background: rgba(#ce0303, 0.90);
    .d-header-icons .d-icon  {
        color: #cccccc;
    }
    .header-sidebar-toggle button .d-icon {
        color: #cccccc;
        &:hover {
            color: #999999;
        }
    }
}    
    
.category-<category-slug> .d-header #site-logo.logo-small {
	content:url($small-logo);
}

.category-<category-slug> .d-header #site-logo.logo-big {
	content:url($big-logo);
}

إذا قمت بإنشاء سمة جديدة ببساطة، يمكنك إضافة الكود وتحميل الشعارات كأصول. <category-slug> هو اسم الفئة بأحرف صغيرة يظهر في حقل عنوان URL للمتصفح (افصل الفئات الرئيسية والفرعية بـ “-” شرطات، كما في parentcategory-subcategory).

هناك أيضًا مكونات سمات مختلفة مثل هذا الذي يمكنك البحث عنه

3 إعجابات