پرش به محتویات

حالت سازنده (سفارشی)

از نسخه ۱.۳.۷ Bricks می‌توانید حالت سازنده (Builder Mode) — یعنی طرح رنگ — را با تغییر چند متغیر CSS سفارشی کنید.

ابتدا در Bricks → Settings → Builder مقدار «Builder Mode» را روی «Custom» بگذارید و تنظیمات را ذخیره کنید.

اکنون تنظیم جدید «Builder Mode (Custom)» باید نمایش داده شود:

تنظیم Builder Mode (Custom)

در ادامه نمونه CSS با تمام متغیرهای مرتبط با سازنده آمده است:

[data-builder-mode=custom] {
  --builder-bg: #f6f4f2;
  --builder-bg-2: #efebe6;
  --builder-bg-3: #e7e1da;
  --builder-bg-accent: #EED8FD;

  --builder-color: #2e271e;
  --builder-color-description: #76634c;
  --builder-color-accent: #7209B7;
  --builder-color-accent-inverse: #fff;

  --builder-color-knob: #c8baaa;
  --builder-border-color: #d8cec2;
  --builder-placeholder-opacity: .33;

  --bricks-tooltip-bg:   #16130f;
  --bricks-tooltip-text: #f6f4f2;
}

اگر CSS بالا را کپی کنید، در تنظیم «Builder Mode (Custom)» بچسبانید و ذخیره کنید، سازنده شما باید شبیه این باشد:

سازنده Bricks با طرح رنگ سفارشی

سازنده Bricks با طرح رنگ سفارشی (Custom mode)

منابع

توجه: در حالت سازنده سفارشی، رنگ پس‌زمینه المان Code به طرح روشن تغییر می‌کند.