Composer 中的 ThingWorx 模型定義 > 視覺化 > 樣式主題 > 使用樣式標籤
使用樣式標籤
在「樣式」標籤中，您可以修改兩種類型的樣式主題設定：「全域」與「元素」。依預設，樣式設定是從「全域」到「元素」的階層顯示。
「樣式」標籤由三個元件組成：
樣式
全域樣式設定
下表列出了項目的全域内容。
設定
描述
顏色
下列元素的顏色：
• 「核心顏色」- 項目的核心顏色值。包括「主要」、「次要」、「成功」與「危險」
• 「文字顏色」- 頁首、標籤和本文文字
• 「背景顏色」- 頁面與小器具的背景顏色
• 「線條顏色」- 邊框、分隔線與內部線條
文字
下列文字元素的字型、粗細與大小：
• 「標題」
• 標籤
• 「本文」
• 連結
線條
下列類型線條的粗細：
• 「邊框」- 小器具邊周圍的線條
• 「分隔線」- 分隔小器具中各個部份的線條
• 「內部」- 出現在某些小器具內的線條
「焦點」
焦點框線的色彩、類型與粗細。
* 
此選項僅在 ThingWorx 9.3 或更新版本中提供。欲在較早版本中變更焦點框樣式，請使用自訂 CSS。
元素樣式設定
可讓您自訂特定小器具元素的外觀。您可以修改重疊顯示至小器具的特定元素來取代全域樣式内容。「覆寫在使用中」圖示指示覆寫全域設定的元素。欲還原已修改元素的全域設定，請按一下「還原」。您可以修改以下元素：
元素
描述
按鈕
下列類型按鈕的背景、邊框、文字、大小及填補：
• 主要按鈕
• 次要按鈕
• 第三按鈕
• 危險按鈕
• 透明按鈕
您可以修改使用中、暫留、按下及禁用的按鈕狀態。
* 
「使用中狀態 (基礎)」是其他所有按鈕狀態的預設。例如，修改使用中狀態的字型會自動套用至例如暫留等其他狀態。您可以為每個狀態指定自己的設定來取代此設定。
格點與清單
下列類型小器具的背景、邊框、文字、大小及填補：
• 「格點」
• 「清單與下拉清單 (樣式)」
• 「清單 (大小和填補)」
• 「下拉清單 (大小和填補)」
* 
大小和填補選項僅在 ThingWorx 9.3.4 及更新版本中可用。
輸入元素
下列類型小器具的樣式設定，例如背景、邊框、文字、大小及填補：
• 「文字欄位與文字區域」
• 「核取方塊」- 選取及取消選取的狀態
• 「單選按鈕」- 選取及取消選取的狀態
「版面配置」
樣式設定，例如混搭中版面配置容器的背景與邊界。
導覽
下列類型小器具的樣式設定，例如背景、邊框與文字：
• 「選單」- 選單元素的背景、邊框、分隔線與文字
• 「主要連結」- 混搭中主要連結的使用中、暫留、已禁用與已造訪狀態
• 「次要連結」- 混搭中次要連結的使用中、已按下、已禁用、已造訪與暫留狀態
* 
填補選項在 ThingWorx 9.3.4 及更新版本中可用。
「資訊」
樣式設定，例如小器具工具提示的預設大小、背景、邊界與文字。
「圖表」
用來為圖表中的每個資料序列設定樣式的顏色。這些樣式會影響圖表元素，例如線、反白區域、柱狀與柱形，這取決於圖表類型及其組態。
* 
圖表序列的主題樣式僅適用於 ThingWorx 9.1 及更新版本。
工具列
混搭中工具列的背景與邊框顏色。您也可以設定「工具列 (預覽)」小器具頂部、底部、左側和右側的邊框線條寬度。
樣式預覽
「樣式」標籤會顯示自動更新的混搭預覽。您可以選取任何混搭來預覽樣式設定變更如何影響混搭的外觀。依預設，預覽會在名為 Theme Preview 的混搭實體中顯示樣式。預覽混搭包括一組可套用主題的小器具與元素。
欲變更預覽混搭，請執行下列步驟。
1. 在「選取預覽混搭」下，按一下 「移除項目」圖示 來移除目前混搭。
2. 按一下 「新增項目」圖示。可用混搭實體的清單即會開啟。
3. 從清單中選取混搭。
「Mashup Builder 樣式」標籤
* 
您也可以使用「樣式」標籤來預覽樣式主題的 CSS 規則。
這是否有幫助?