Don
6 أبريل 2024، 6:37ص
51
للتذكير فقط FKB Pro - Social theme يحتوي على متغيرات ألوان مخصصة.dark-light-choose()
هنا يمكنك اتباع النمط.
$dark-theme-fkb-bg: #{$dark_bg};
$light-theme-fkb-bg: #{$light_bg};
$dark-theme-fkb-header-btn: #{$dark_header_btn};
$light-theme-fkb-header-btn: #{$light_header_btn};
$dark-theme-fkb-header-btn-hover: #{$dark_header_btn_hover};
$light-theme-fkb-header-btn-hover: #{$light_header_btn_hover};
$dark-theme-fkb-btn: #{$dark_btn};
$light-theme-fkb-btn: #{$light_btn};
$dark-theme-fkb-btn-hover: #{$dark_btn_hover};
$light-theme-fkb-btn-hover: #{$light_btn_hover};
$fkb-bg: dark-light-choose($light-theme-fkb-bg, $dark-theme-fkb-bg);
$fkb-header-btn: dark-light-choose($light-theme-fkb-header-btn, $dark-theme-fkb-header-btn);
$fkb-header-btn-hover: dark-light-choose($light-theme-fkb-header-btn-hover, $dark-theme-fkb-header-btn-hover);
$fkb-btn: dark-light-choose($light-theme-fkb-btn, $dark-theme-fkb-btn);
$fkb-btn-hover: dark-light-choose($light-theme-fkb-btn-hover, $dark-theme-fkb-btn-hover);
show original
الاختلاف الوحيد هو أن هذه مرتبطة بإعدادات السمة، لذا يمكنك تعديلها باستخدام الإعدادات. هذا هو السبب في استخدام هذا التنسيق #{$setting_name} وليس رموز ألوان HEX.
ولكن يمكنك إضافة رموز جديدة في نسختك التي تستخدم HEX كما تشاء.
أضف هذه بعد السطر 14:
$dark-theme-tags-bg: #3a3b3c;
$light-theme-tags-bg: #f0f2f5;
بعد السطر 20:
$tags-bg: dark-light-choose($light-theme-tags-bg, $dark-theme-tags-bg);
بعد السطر 27:
--tags-bg: #{$tags-bg};
إلخ…
ثم يمكنك تغيير الخلفية الحالية هنا في نسختك:
إلى
background: var(--tags-bg);
3 إعجابات
