我可以自訂小工具的設計，讓它成為我網站的一部分嗎？

在設計面板中，選擇淺色或深色主題，以符合您網站的設計。接著，選擇按鈕和表單欄位的強調色。

如果您需要進階的設計自訂，可以使用CSS來修改小工具的外觀。這讓您可以變更任何小工具元素的字型、顏色和形狀。需要具備基本的 HTML 與 CSS 知識。

小工具樣式是依照BEM方法論結構化的。每個元素都有自己的類別。

若要自訂特定元素的設計，請先找出其 CSS 類別。您可以使用瀏覽器的開發人員工具輕鬆完成這個動作。例如，在 Chrome 中，右鍵點擊該元素並選擇檢視代碼。

例如，行事曆中日期名稱的類別是 day。

現在，讓我們寫一個簡單的 CSS 規則來變更背景、顏色和字型：

.day {
  background: #fdeedb;
  font-weight: 700;
  color: #8a5714;
}

最後，打開小工具設定並前往設計面板。勾選自訂CSS樣式選項，然後貼上您的 CSS 程式碼。

結果會如下所示：

如果您想使用 CSS @import 指令新增自訂字型或外部樣式，請依照下列步驟操作：

在您的自訂 CSS 最上方新增 @import 陳述式。例如：
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
在所有 @import 陳述式下方插入 [bukza_theme_styles] 區塊。
新增其餘 CSS 以依需求覆蓋主題樣式。

[bukza_theme_styles] 區塊會自動被主題樣式取代。如果此區塊不存在，主題樣式會在您的自訂 CSS 之前套用。