Hi,

How can I add my custom.scss file to override the default bootstrap colors? I wish to add something like this

$white: #ffffff;

$theme-colors: (
    "light":      #1ccccc,
    "dark":       #2ccccc,
    "primary":   #3ccccc,
    "secondary": #4ccccc,
    "info":       #5ccccc,
    "success":    #6ccccc,
    "warning":    #7ccccc,
    "danger":     #8ccccc,
);

It looks like you use already compiled css in your dashboard so should be another way to make a custom color theme.

yeah... is there any way to change the theme totally. I wish to use branded colors...

I have recompiled bootstrap css. So I got the customized bootstrap.css with my colors and used it in the css prop of Application. It works.

But in my opinion, this is not the best way, because if CSS files of the Dashboard override any styles of the original bootstrap.css then these changes will be lost.

I ask you to consider the possibility of overriding the theme colors.

thank you

and anyway it does not work as I wish..... some styles are available in theme's files only

could you provide me amazing scss files that I can compile them with my colors?

PS And sorry asking this Why is the amazing theme still based on Bootstrap 4.0.0 year 2018? Bootstrap 5 can make it even more amazing :-)