Telerik DevCraft包含一個完整的產品棧來構建您下一個Web、移動和桌面應用程序。它使用HTML和每個.NET平臺的UI庫，加快開發速度。Telerik DevCraft提供最完整的工具箱，用于構建現代和面向未來的業務應用程序，目前提供UI for ASP.NET MVC、Kendo UI、UI for ASP.NET AJAX、UI for WPF、UI for Xamarin、Reporting等眾多控件

與Telerik R3 2022版本一起發布的Progress ThemeBuilder工具現在正式可用于KendoReact、Kendo UI for Angular、Kendo UI for Vue 和 Telerik UI for Blazor，對Kendo UI for jQuery、Telerik UI for ASP.NET MVC、Telerik UI for ASP.NET Core、Telerik UI for PHP和Telerik UI for JSP控件的支持計劃于明年推出，Telerik UI for ASP.NET AJAX 將暫時繼續使用以前版本的 ThemeBuilder，因為組件的渲染存在顯著差異。

什么是 Progress ThemeBuilder？

ThemeBuilder是一個 Web 應用程序，它允許開發人員自定義Telerik和Kendo UI Web組件的外觀和樣式，而無需深入研究Sass或CSS。ThemeBuilder 支持我們所有基于 Web 的 UI 組件庫，包括 jQuery、Angular、React、Vue、ASP.NET MVC、ASP.NET Core、ASP.NET AJAX、PHP、JSP 和 Blazor。

ThemeBuilder之前的所有功能實現是基于支持的每個平臺開始從頭構建的，這既不高效也不可擴展。技術團隊在新版中著手解決這個問題，新的ThemeBuilder的重點是通過盡可能輕松地自定義Telerik和Kendo UI組件的樣式以適應現有樣式指南，從而消除一定程度的復雜性，之前的 ThemeBuilder 僅針對高級樣式，因此我們決定擴展其功能以允許對 UI 組件的每個元素進行完整的樣式自定義。

為什么要使用新的ThemeBuilder工具？

技術團隊在設計新的 ThemeBuilder 工具，主要是考慮到在應用程序的設計方面想要擁有全新、現代和更快的體驗，專注于滿足用戶現在和未來的需求。

新版本創建了一個通用的樣式工具來替換之前支持的多個ThemeBuilder 應用程序，一個單一但通用的應用程序將使用戶能夠以更快的速度輕松地為所有 Web UI 組件套件添加功能和改進，新的 ThemeBuilder 應用程序成為用戶設置Telerik和Kendo UI組件樣式以匹配客戶的樣式指南或設計系統。

這個新工具提供的另一個好處是全面提高了100%的性能，這意味著新 ThemeBuilder 中的每次交互都快兩倍，這將節省用戶使用該工具的時間。

開始使用新的ThemeBuilder

第一步：使用您現有的 Telerik 帳戶登錄 ThemeBuilder。

您可以將所有項目保存在您的帳戶中并允許它們同步，這樣可以保存進度或讓多個項目同時進行，與不支持用戶帳戶和保存文件的舊版本相比，這是一個改進。

第二步：新建項目。 這將允許您將所有更改保留在個人資料中，并在以后需要時對其進行自定義，您還可以在一個地方正在處理的不同應用程序創建多個樣式項目。

第三步：選擇一個主題作為基礎。 您可以使用Telerik和Kendo主題，并在其上應用您的樣式更改。

點擊 “Create”按鈕，您將擁有一個新項目并準備好自定義組件。

您將找到一些工具和功能來幫助您自定義組件。

變量面板

您會在左側找到所有 Telerik 和 Kendo 主題的高級變量列表，可以使用這些變量來全局設置組件的樣式。例如，更改原色將在使用此變量的所有組件中更新它，還可以添加自定義變量并在多個組件中重用它們。新版的ThemeBuilder中的變量名稱與基于Sass的主題中的變量名稱對齊，確保在整個自定義過程中使用相同的語言。

顏色板

新版為每個主題提供一組預定義的調色板，稱之為“swatches”，這些調色板是由官方團隊的設計師和 UX 專家精心挑選的顏色組合，以確保顏色完美搭配。 選擇這些調色板中的任何一個時，頁面上列出的所有組件都將立即更新為所選顏色 - 只需單擊一下即可。 例如，您只需使用其中一個內置調色板即可擁有主題的深色版本。

導出您的自定義主題

準備好更改后，您可以單擊export按鈕并下載您的自定義主題。我們將生成一個 npm 包，您可以將其添加到版本控制中，也可以直接使用樣式。 該軟件包將包含一個已經縮小的 CSS 和 Sass 文件，供任何想要直接將更改應用到原始樣式文件的人使用。

Telerik_KendoUI產品技術交流群：726377843    歡迎一起進群討論