docs: Improve custom theme usage docs (#567)

dimodi · Dimo Dimov · marin-bratanov · web-flow · commit a6318085c653 · 2021-11-10T12:19:33.000+02:00
* docs: Improve custom theme usage docs

* Update styling-and-themes/custom-theme.md

Co-authored-by: Marin Bratanov &lt;marin-bratanov@users.noreply.github.com&gt;

* Update styling-and-themes/custom-theme.md

Co-authored-by: Marin Bratanov &lt;marin-bratanov@users.noreply.github.com&gt;

Co-authored-by: Dimo Dimov &lt;dimo@Dimos-MacBook-Pro.local&gt;
Co-authored-by: Marin Bratanov &lt;marin-bratanov@users.noreply.github.com&gt;
diff --git a/styling-and-themes/custom-theme.md b/styling-and-themes/custom-theme.md
@@ -101,10 +101,16 @@ You can also upload a theme you have previously worked on:
 
 When you complete the modifications and the theme is ready to be used:
 
-1. Download the theme as a compact archive by clicking the **Download** button.
-1. Add the `THEME_NAME.css` file to your application. Save the `variables.scss` file for future reference in case you need to re-generate the theme again or customize it further.
-1. Include the `THEME_NAME.css` file in the `head` tag of your index document.
-    * Make sure that this is the only Telerik Theme that is referenced in the application.
+1. Download the theme as a ZIP archive by clicking the **Download** button.
+
+1. Add the `THEME_NAME.css` file to the `wwwroot/css/` folder your application.
+1. Include the `THEME_NAME.css` file in the `<head>` tag of your `_Host.cshtml`/`index.html` document, for example:
+    
+    `<link rel="stylesheet" href="css/THEME_NAME.css" />`
+
+1. Keep the `scss` and `json` files for future reference, when you need to re-generate the theme or customize it further.
+
+>Make sure that the above CSS file is the only Telerik Theme, which is referenced in the application.
 
 ## Manual Alternative
 
