Brand Presets

Override theme ของ StackUI ด้วยไฟล์ CSS ต่อหนึ่งแบรนด์

โหลด preset หลัง core:

<link rel="stylesheet" href="https://stackui-cdn.intern-studio.com/core/css/stackui-core.css">
<link rel="stylesheet" href="https://stackui-cdn.intern-studio.com/brand-presets/client-abc.css">

สร้าง preset ใหม่จาก packages/brand-presets/_template.css:

:root {
  --stk-primary: #003366;
  --stk-primary-light: #004d99;
  --stk-primary-dark: #001a33;
  --stk-primary-rgb: 0, 51, 102;

  --stk-secondary: #ff6600;
  --stk-secondary-light: #ff8533;
  --stk-secondary-dark: #cc5200;
  --stk-secondary-rgb: 255, 102, 0;

  --stk-font-heading: "Noto Sans Thai", sans-serif;
  --stk-font-body: "Noto Sans Thai", sans-serif;
  --stk-radius-md: 0.375rem;
  --stk-radius-lg: 0.5rem;
}

ไฟล์ default.css เป็นตัวอย่าง preset สีน้ำเงิน/ทอง ส่วนค่า default ของ core ปัจจุบันเป็นเขียว #57CC33 และดำ