Skip to content

Commit

Permalink
docs: Improve custom theme usage docs (#567)
Browse files Browse the repository at this point in the history
* docs: Improve custom theme usage docs

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

Co-authored-by: Marin Bratanov <[email protected]>

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

Co-authored-by: Marin Bratanov <[email protected]>

Co-authored-by: Dimo Dimov <[email protected]>
Co-authored-by: Marin Bratanov <[email protected]>
  • Loading branch information
3 people authored Nov 10, 2021
1 parent f651b9c commit a631808
Showing 1 changed file with 10 additions and 4 deletions.
14 changes: 10 additions & 4 deletions styling-and-themes/custom-theme.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down

0 comments on commit a631808

Please sign in to comment.