diff --git a/frontend/angular-clarity-master/src/app/modules/main/main-routing.module.ts b/frontend/angular-clarity-master/src/app/modules/main/main-routing.module.ts
index 5b6b3b6..33d8388 100644
--- a/frontend/angular-clarity-master/src/app/modules/main/main-routing.module.ts
+++ b/frontend/angular-clarity-master/src/app/modules/main/main-routing.module.ts
@@ -84,7 +84,7 @@ import { MappingruleeditComponent } from './datamanagement/mappingrule/mappingru
 import { Stepper_workflowComponent } from './BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component';
 import { Token_registeryComponent } from './fnd/Token_registery/Token_registery.component';
 import { MyworkspaceComponent } from './admin/myworkspace/myworkspace.component';
-
+import { ThemeCustomizationComponent } from './theme-customization/theme-customization.component';
 // import { QueryComponent } from './superadmin/query/query.component';
 // import { QueryaddComponent } from './superadmin/queryadd/queryadd.component';
 // import { QueryeditComponent } from './superadmin/queryedit/queryedit.component';
@@ -121,6 +121,7 @@ const routes: Routes = [
       { path: 'about', component: AboutComponent },
       { path: 'setupicon', component: SetupiconComponent },
       { path: 'myworkspace', component: MyworkspaceComponent },
+       { path: 'theme-customization', component: ThemeCustomizationComponent },
 
 
       {
diff --git a/frontend/angular-clarity-master/src/app/modules/main/main.module.ts b/frontend/angular-clarity-master/src/app/modules/main/main.module.ts
index 0914655..2dcc8f1 100644
--- a/frontend/angular-clarity-master/src/app/modules/main/main.module.ts
+++ b/frontend/angular-clarity-master/src/app/modules/main/main.module.ts
@@ -108,6 +108,7 @@ import { MappingruleeditComponent } from './datamanagement/mappingrule/mappingru
 import { Stepper_workflowComponent } from './BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component';
 import { Token_registeryComponent } from './fnd/Token_registery/Token_registery.component';
 import { MyworkspaceComponent } from './admin/myworkspace/myworkspace.component';
+import { ThemeCustomizationComponent } from './theme-customization/theme-customization.component';
 
 // import { QueryComponent } from './superadmin/query/query.component';
 // import { QueryaddComponent } from './superadmin/queryadd/queryadd.component';
@@ -116,7 +117,7 @@ import { MyworkspaceComponent } from './admin/myworkspace/myworkspace.component'
 @NgModule({
   declarations: [
     MainPageComponent, PageNotFoundComponent, UserComponent, PasswordResetComponent,
-       MyworkspaceComponent,
+    MyworkspaceComponent,
     ReportRunnerComponent, ReportrunnereditComponent, Reportrunneredit2Component, MenuGroupComponent, AllMenuGroupComponent, EditMenuGroupComponent, ReadOnlyMenuGroupComponent, UserRegistrationComponent,
     MenuRegisterComponent, AddMenurComponent, EditMenurComponent, AllMenurComponent, ReadonlyMenurComponent, ProfileSettingComponent,
     UsermaintanceaddComponent, UsermaintanceeditComponent,
@@ -129,7 +130,9 @@ import { MyworkspaceComponent } from './admin/myworkspace/myworkspace.component'
     ExtensionComponent,
     AllextensionComponent,
     AddextensionComponent, EditextensionComponent, ApiregisteryComponent,
-    DatamanagementComponent, DatamananementworkflowComponent, BulkimportComponent, BulkimportallComponent, BulkimportaddComponent, BulkimporteditComponent, BulkimportlineComponent, BulkimporteditlineComponent, MappingruleComponent, MappingruleallComponent, MappingruleaddComponent, MappingruleeditComponent,
+    DatamanagementComponent, DatamananementworkflowComponent, BulkimportComponent, BulkimportallComponent, BulkimportaddComponent, BulkimporteditComponent, BulkimportlineComponent, BulkimporteditlineComponent, MappingruleComponent,
+    MappingruleallComponent, MappingruleaddComponent, MappingruleeditComponent,
+    ThemeCustomizationComponent,
 
 
     // buildercomponents