顏色配置
您可以選擇佈景主題設定中所設定的顏色配置，並將其套用於佈景主題中的不同區段 (例如 RTF 文字、圖片橫幅和商品系列清單)。佈景主題會採用預設顏色配置，您隨時可以在佈景主題編輯器中進行變更。若能新增品牌顏色，便可確保網路商店擁有一致的色調。
顏色設定
您可以在佈景主題編輯器中設定圖片背景和圖片邊框間距。使用下拉式選單，選擇強調色 1、強調色 1 級、強調色 2、強調色 2 級、背景 1、背景 1 級、背景 2、背景 2 級或反轉色。您可以在佈景主題編輯器的預覽面板中預覽所選的顏色配置。
| 設定 | 說明 |
|---|---|
| 文字 | 您可以將顏色套用至區段或區塊文字。 |
| 色調 1 | 可套用顏色以調整按鈕和部分區段的背景。 |
| 強調色 1 (漸層效果) | 選取預設漸層，或使用漸層選擇器自訂強調漸層。 |
| 色調 2 | 可套用顏色以調整按鈕和部分區段的背景。 |
| 色調 2 (漸層) | 選取預設漸層，或使用漸層選擇器自訂強調漸層。 |
| 背景 1 | 可套用顏色以調整按鈕和部分區段的背景。 |
| 背景 1 (漸層效果) | 選取預設漸層，或使用漸層選擇器自訂背景漸層。 |
| 背景 2 | 可套用顏色以調整按鈕和部分區段的背景。 |
| 背景 2 (漸層) | 選取預設漸層，或使用漸層選擇器自訂背景漸層。 |
| 倒轉 | 可套用顏色以調整按鈕和部分區段的背景。使用背景 1 作為文字顏色，並將該文字顏色設為背景顏色。 |
部分允許選擇顏色配置配色的設定亦允許使用漸層。舉例來說，佈景主題「Dawn」中，您可以設定品牌顏色的漸層，並將其用於代替標準的強調色和背景色選項。
管理顏色配置
您可以在佈景主題設定中設定商店的顏色配置。
- 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
- 尋找要編輯的佈景主題，然後點擊「自訂」。
- 在 Shopify 應用程式中，點一下「商店」。
- 在銷售管道畫面上，點一下「線上商店」。
- 點一下「管理佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 點一下「編輯」。
- 在 Shopify 應用程式中，點一下「商店」。
- 在銷售管道畫面上，點一下「線上商店」。
- 點一下「管理佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 點一下「編輯」。
- 按一下 側邊 欄底部的主題設定。
- 按一下「顏色」。
- 若要變更佈景主題中的顏色，請點擊顏色並使用顏色選擇器，或在文字欄位中輸入新顏色的值。
- 點擊「儲存」。
如需要使用純色，請使用顏色選擇器選擇新顏色，或在文字欄位中輸入顏色值。此欄位接受顏色名稱 (例如： red、 black、 blue)、RBG 或十六進位顏色值。
漸層
您可以在 Dawn 中設定顏色漸層，讓視覺上獲得更加生動的背景選項。color_background 設定用於自訂 CSS 背景屬性。
漸層選擇器可供您選取漸層的顏色、漸層樣式、角度、位置和不透明度。在佈景主題編輯器中可即時預覽在漸層選擇器中選取的選項。您還可以使用 CSS 程式碼 (包含驗證檢查器) 來建立一個漸層背景。
設定漸層效果
- 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
- 尋找要編輯的佈景主題，然後點擊「自訂」。
- 在 Shopify 應用程式中，點一下「商店」。
- 在銷售管道畫面上，點一下「線上商店」。
- 點一下「管理佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 點一下「編輯」。
- 在 Shopify 應用程式中，點一下「商店」。
- 在銷售管道畫面上，點一下「線上商店」。
- 點一下「管理佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 按一下「顏色」。
選取其中一個漸層選項。
選取漸層選項：
- 您可以選擇線性或放射狀漸層。使用按鈕來選擇您偏好的漸層樣式。
- 您可使用上下箭頭來設定漸層角度。點擊向上或向下符號，角度會隨之增加或降低 5 個百分點。
- 使用滑桿選取漸層位置，或在欄位中輸入數值。
- 您可以輸入特定的十六位進位顏色代碼，或使用顏色滑桿選擇色調。最近選取的顏色會顯示在漸層選項面板底部。
- 若您希望漸層不透明，請使用右側滑桿選擇漸層的透明度。您也可以在十六進位顏色代碼旁的欄位中輸入百分比。
- 點擊「儲存」。
使用 CSS 設定漸層
大部分的 CSS background 屬性值皆可用於設定背景顏色。您可以將此欄位用於純色 (例如 #000000、black、rgb(0,0,0,0)、rgba(0,0,0,0)、hsl(0, 0%, 0%)，以及 hsla(0, 0%, 0%, 1) 都會產生純黑色背景)，或用於漸層效果 (例如 linear-gradient(red, green)、radial-gradient(red, green) 或 conic-gradient(red, green))。您也可以重複使用漸層效果。
步驟：
- 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
- 尋找要編輯的佈景主題，然後點擊「自訂」。
- 在 Shopify 應用程式中，點一下「商店」。
- 在銷售管道畫面上，點一下「線上商店」。
- 點一下「管理佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 點一下「編輯」。
- 在 Shopify 應用程式中，點一下「商店」。
- 在銷售管道畫面上，點一下「線上商店」。
- 點一下「管理佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 按一下「顏色」。
- 點擊要編輯的漸層。
- 點擊［漸層」旁的箭頭，然後選取 CSS。
- 在「CSS 程式碼」欄位中，輸入或貼上漸層代碼。佈景主題編輯器預覽會在適當的位置顯示您的漸層。
- 點擊「儲存」。
移除漸層
若要重設或移除漸層：
- 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
- 尋找要編輯的佈景主題，然後點擊「自訂」。
- 在 Shopify 應用程式中，點一下「商店」。
- 在銷售管道畫面上，點一下「線上商店」。
- 點一下「管理佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 點一下「編輯」。
- 在 Shopify 應用程式中，點一下「商店」。
- 在銷售管道畫面上，點一下「線上商店」。
- 點一下「管理佈景主題」。
- 尋找要編輯的佈景主題，然後點選「自訂」。
- 點一下「編輯」。
- 點擊「佈景主題設定」。
- 按一下「顏色」。
- 點擊要編輯的漸層。
- 點擊「移除漸層」
- 點擊「儲存」。