diff --git a/docs/en/ui-themes/lepton-x/mvc.md b/docs/en/ui-themes/lepton-x/mvc.md
index 4627ccb727..e68237013e 100644
--- a/docs/en/ui-themes/lepton-x/mvc.md
+++ b/docs/en/ui-themes/lepton-x/mvc.md
@@ -81,6 +81,16 @@ Configure<LeptonXThemeOptions>(options =>
 >
 > If your layout is **TopMenu**, then you have to add them under the **wwwroot/Themes/LeptonX/Global/top-menu/css/** folder.
 
+
+#### Handling Style Changes
+
+You can add extra logic by using javascript API when style is changed with the following event.
+```js
+leptonx.CSSLoadEvent.on(event =>{
+    console.log("Theme changed from " + event.detail.previousTheme + " to "+ event.detail.theme);
+});
+```
+
 --- 
 
 ### LeptonXThemeMvcOptions