Hi,

You'll need to modify the routing configuration and apply different layouts based on the theme scheme. The key is to conditionally apply layout data to routes, so the sidebar color can be adjusted accordingly.

Here's how you can modify the routing configuration in your Routing file:

/angular/demo1/src/app/pages/routing.ts

import { Routes } from "@angular/router";

const Routing: Routes = [
 // ... other routes

 {
 path: "dashboard",
 loadChildren: () =>
 import("./dashboard/dashboard.module").then((m) => m.DashboardModule),
 data: { layout: "light-sidebar" }, // Apply light sidebar layout
 },

 // ... other routes

 {
 path: "",
 redirectTo: "/dashboard",
 pathMatch: "full",
 },
 {
 path: "**",
 redirectTo: "error/404",
 },
];

export { Routing };

Use Layout Services and CSS Classes (Recommended)

Import LayoutService:
import { LayoutService } from '@incredibox Medtronic/admin/core';

Include LayoutService in your Dashboard component:
constructor(private layout service: LayoutService) {}

Access the current topic map:
const currentTheme = this.layout service.getTheme();

Apply conditional CSS classes in your component template:
HTML
<div class="kt-aside" [ngClass]="{ 'kt-aside--dark': currentTheme === 'dark' }">
</div>
This snippet kt-aside--dark automatically adds the class to the sidebar element only if the current theme is dark.