DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現代Web開發堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構建交互式的Web應用程序，該套件附帶功能齊全的數據網格、交互式圖表小部件、數據編輯器等。

DevExtreme v22.1正式版下載

ThemeBuilder允許開發者基于Bootstrap或預定義的DevExtreme主題創建自定義主題，它由一個UI版本(如下圖所示)和一個命令行界面(CLI)組成。

重要提示：ThemeBuilder只使用基于HTML的UI組件，要為基于SVG的UI組件創建自定義主題，請遵循說明。

入門指南

打開ThemeBuilder后，會出現一個主題配置向導。開發人員可以選擇是否創建一個新的主題或導入一個現有的DevExtreme或Bootstrap主題。

創建一個新主題

新主題基于預定義的DevExtreme主題，按照以下步驟在向導中創建一個新主題：

1. 點擊Choose a Base Theme。
2. 選擇一個基本主題：Generic 或 Material。
3. 選擇配色方案并更改基本外觀設置。
4. 更改基本設置后，可以單擊Export將主題導出到樣式表。我們還建議您導出主題的元數據，如果您計劃要遷移到未來的DevExtreme版本中，需要元數據來更新您自定義的主題。
   如果需要更多自定義選項，請單擊Advanced Settings。

導入現有主題

開發人員可以從預先保存的DevExtreme元數據或從Bootstrap變量導入現有主題，按照下面的步驟在向導中完成：

1. 點擊Import a Theme。
2. 選擇是否從DevExtreme元數據或Bootstrap變量導入主題。
3. 如果需要導入DevExtreme元數據，可以通過上傳包含元數據的.json文件或將元數據粘貼到文本區。
   要導入Bootstrap變量，請上傳一個變量。Bootstrap 3或Bootstrap 4的_variables.scss文件，ThemeBuilder使用來自變量的顏色來創建與Bootstrap主題一致的主題。

導入主題后，向導將導航到主視圖來進行其他主題的自定義。

DevExpress技術交流群6：600715373      歡迎一起進群討論