Sidebar Colors

We have provided multiple colors sidebar options and which seems very easy to have it. You need to change the below value in the Admin/src/assets/js/layout-setup.js file. Set the defaultValue for "data-sidebar-color" to "light" or "dark" as per your requirement.

const settings = [
    { attribute: "data-layout", defaultValue: "vertical" },
    { attribute: "data-bs-theme", defaultValue: "light" },
    { attribute: "data-content-width", defaultValue: "default" },
    { attribute: "dir", defaultValue: "ltr" },
    { attribute: "data-sidebar-size", defaultValue: "default" },
    { attribute: "data-sidebar-color", defaultValue: "light" },
    { attribute: "data-sidebar", defaultValue: "default" },
    { attribute: "data-theme-colors", defaultValue: "default" },
];
Light Colors

{ attribute: "data-sidebar-color", defaultValue: "light" },

Dark Colors

{ attribute: "data-sidebar-color", defaultValue: "dark" }