مرحباً @Renato_Mendes ![]()
أوه، فهمت، لذا تريد استخدام الخلفية الشفافة في مخطط ألوان واحد فقط. لم أكن أعرف ذلك.
هناك عدة طرق للقيام بذلك ![]()
dark-light-choose(): من الممكن القيام بذلك بها ولكنها ليست عملية في هذه الحالة لأنها تنشئ متغيرات. من الأفضل استخدامها للألوان.
schemeType: هذا أفضل لحالة الاستخدام هذه إذا كنت تريد استخدامه حسب نوع المخطط.
استخدام schemeType
إليك كيفية استخدام schemeType
قم بإزالة الكود السابق من المكون الذي أنشأته وضع الكود الجديد في قسم Color Definitions للمكون كما ترى في الصورة.
سيؤدي هذا إلى تفعيل الكود في المخطط الفاتح فقط.
Common / Color Definitions
@if #{schemeType()} == light {
.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
- Targetable Color Schemes : إذا كان لديك المزيد من مخططات الألوان و/أو تريد استهداف مخطط ألوان محدد تريد تغيير الأشياء فيه، فإن مكون السمة هذا مثالي لك.
استخدام مخططات الألوان القابلة للاستهداف
يضع هذا المكون مخطط الألوان الفعلي في html حتى تتمكن من استهدافه باستخدام CSS.
إليك كيفية استخدامه:
قم بتثبيت المكون.
تحقق من معرف مخطط الألوان الذي تريد تغيير الأشياء فيه.
يمكنك العثور عليه هنا
أو
/admin/customize/colors
صفحة الألوان. هنا إذا قمت بالنقر فوق مخطط ألوان، فسيتم إضافة المعرف إلى عنوان URL.
الآن يمكنك استخدام هذا في الكود. لا تنس إزالة الكود المضاف سابقًا.
html[color-scheme="your-color-scheme-id"] {
&.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
مرحباً @packman
لقد أرسلت لك رسالة خاصة.


